joshuafhiggins/realm-homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: Update next.config.js and features.tsx

Browse Source
This commit is contained in:
mauro-balades
2024-09-01 00:06:58 +02:00
parent 42d0996272
commit 1c181b972f
2 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
next.config.js
View File

@@ -1,7 +1,6 @@
const createNextIntlPlugin = require('next-intl/plugin'); const createNextIntlPlugin = require('next-intl/plugin');
const { PHASE_DEVELOPMENT_SERVER } = require('next/constants') const { PHASE_DEVELOPMENT_SERVER } = require('next/constants')
const {setupDevPlatform} = require('@cloudflare/next-on-pages/next-dev')
const withNextIntl = createNextIntlPlugin(); const withNextIntl = createNextIntlPlugin();
@@ -17,9 +16,12 @@ const nextConfig = (phase, { defaultConfig }) => {
{ {
protocol: "https", protocol: "https",
hostname: "cdn.jsdelivr.net", hostname: "cdn.jsdelivr.net",
port: '',
pathname: '/gh/zen-browser/**',
} }
], ],
domains: ['cdn.jsdelivr.net', "raw.githubusercontent.com"], // Allow images from jsDelivr formats: ["image/png", "image/jpeg", "image/svg+xml", "image/webp"],
domains: ['localhost', 'cdn.jsdelivr.net', "raw.githubusercontent.com"], // Allow images from jsDelivr
}, },
experimental: { experimental: {
serverActions: { serverActions: {

8
src/components/features.tsx
View File

@@ -219,9 +219,11 @@ export default function Features() {
</div> </div>
</div> </div>
</div> </div>
{/*<div className='w-full md:w-5/6 lg:w-3/4 flex flex-col lg:flex-row md:rounded-md mx-auto bg-surface mt-36 shadow'> <div className='w-full md:w-5/6 lg:w-3/4 flex flex-col lg:flex-row md:rounded-md mx-auto bg-surface mt-36 shadow'>
<div className="lg:w-1/2 rounded-md relative overflow-hidden"> <div className="lg:w-1/2 rounded-md relative overflow-hidden">
<img src={`https://cdn.jsdelivr.net/gh/zen-browser/www/public/feature-${feature}.png`} alt="Zen Browser" className="rounded-md lg:w-1/2" /> <Image width={1350} height={900} objectFit="cover" src="https://cdn.jsdelivr.net/gh/zen-browser/www/public/feature-item-1.png" alt="Zen Browser" className={ny("rounded-md lg:w-1/2", feature === "item-1" ? "" : "hidden")} />
<Image width={1350} height={900} objectFit="cover" src="https://cdn.jsdelivr.net/gh/zen-browser/www/public/feature-item-2.png" alt="Zen Browser" className={ny("rounded-md lg:w-1/2", feature === "item-2" ? "" : "hidden")} />
<Image width={1350} height={900} objectFit="cover" src="https://cdn.jsdelivr.net/gh/zen-browser/www/public/feature-item-3.png" alt="Zen Browser" className={ny("rounded-md lg:w-1/2", feature === "item-3" ? "" : "hidden")} />
{feature == "item-1" && ( {feature == "item-1" && (
<div className="absolute top-[50%] left-[50%] transform -translate-x-1/2 -translate-y-1/2 bg-background p-4 flex rounded-full"> <div className="absolute top-[50%] left-[50%] transform -translate-x-1/2 -translate-y-1/2 bg-background p-4 flex rounded-full">
<Logo /> <HeartFilledIcon /> <PaintBucket /> <Logo /> <HeartFilledIcon /> <PaintBucket />
@@ -250,7 +252,7 @@ export default function Features() {
</AccordionItem> </AccordionItem>
</Accordion> </Accordion>
</div> </div>
</div>*/} </div>
<div className='w-full md:w-5/6 lg:w-3/4 p-5 lg:p-12 flex flex-col lg:flex-row md:rounded-md mx-auto bg-surface mt-36 shadow'> <div className='w-full md:w-5/6 lg:w-3/4 p-5 lg:p-12 flex flex-col lg:flex-row md:rounded-md mx-auto bg-surface mt-36 shadow'>
<div className="flex p-16 lg:w-1/2 flex-col justify-center"> <div className="flex p-16 lg:w-1/2 flex-col justify-center">
<h3 className='text-4xl font-medium text-gray-800 dark:text-gray-100'>Convinced?</h3> <h3 className='text-4xl font-medium text-gray-800 dark:text-gray-100'>Convinced?</h3>