From ce42f3b547b04740008698d1c483008f728931ab Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 28 Mar 2026 11:06:30 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 165 +++++++++++------------------------------------ 1 file changed, 39 insertions(+), 126 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index cae2b27..2ea54a7 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -10,7 +10,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp import PricingCardFive from '@/components/sections/pricing/PricingCardFive'; import ProductCardFour from '@/components/sections/product/ProductCardFour'; import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen'; -import { Maximize, Palette, Shield, Sparkles, Zap } from "lucide-react"; +import { Maximize, Palette, Shield, Sparkles, Zap, Cpu } from "lucide-react"; export default function LandingPage() { return ( @@ -31,17 +31,11 @@ export default function LandingPage() { @@ -53,13 +47,11 @@ export default function LandingPage() { description="Discover infinite curated wallpapers, enhance photos to 4K, or generate custom designs with AI—all in one seamless app. Free users get ads; upgrade for faster processing and ultra HD." buttons={[ { - text: "Start Creating", - href: "#catalog", - }, + text: "Start Creating", href: "#catalog"}, ]} buttonAnimation="slide-up" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZTyRxS5uKDRjPjlPa4ndRJvHc/an-ultra-high-resolution-abstract-digita-1774695944253-79ed073a.png" - imageAlt="AI Wallpaper platform hero" + imageAlt="An ultra-high-resolution, abstract digital wallpaper with flowing iridescent shapes and vibrant neon" /> @@ -70,62 +62,41 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - id: "f1", - title: "Infinite Discovery", - description: "Browse endless feeds of high-quality, curated wallpapers tailored by AI to match your personal aesthetic preferences.", - media: { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZTyRxS5uKDRjPjlPa4ndRJvHc/a-grid-layout-of-categorized-wallpapers--1774695945069-801f7f85.png", - imageAlt: "Discovery feed", - }, + id: "f1", title: "Infinite Discovery", description: "Browse endless feeds of high-quality, curated wallpapers tailored by AI to match your personal aesthetic preferences.", media: { + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZTyRxS5uKDRjPjlPa4ndRJvHc/a-grid-layout-of-categorized-wallpapers--1774695945069-801f7f85.png", imageAlt: "Discovery feed"}, items: [ { icon: Sparkles, - text: "Curated categories", - }, + text: "Curated categories"}, { icon: Zap, - text: "Infinite scroll", - }, + text: "Infinite scroll"}, ], reverse: false, }, { - id: "f2", - title: "AI Image Enhancement", - description: "Turn your low-res images into professional, 4K ultra-HD masterpieces with our industry-leading AI upscaling technology.", - media: { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZTyRxS5uKDRjPjlPa4ndRJvHc/a-split-screen-interface-showing-a-blurr-1774695945111-e773edc4.png", - imageAlt: "Upscaling", - }, + id: "f2", title: "AI Image Enhancement", description: "Turn your low-res images into professional, 4K ultra-HD masterpieces with our industry-leading AI upscaling technology.", media: { + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZTyRxS5uKDRjPjlPa4ndRJvHc/a-split-screen-interface-showing-a-blurr-1774695945111-e773edc4.png", imageAlt: "Upscaling"}, items: [ { icon: Maximize, - text: "4K Upscaling", - }, + text: "4K Upscaling"}, { icon: Shield, - text: "Noise reduction", - }, + text: "Noise reduction"}, ], reverse: true, }, { - id: "f3", - title: "Custom AI Generation", - description: "Generate completely unique, breathtaking wallpapers from text prompts in seconds. Your imagination is the limit.", - media: { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZTyRxS5uKDRjPjlPa4ndRJvHc/a-mobile-interface-screen-showing-an-ai--1774695945853-c9c22e27.png", - imageAlt: "Generation", - }, + id: "f3", title: "Custom AI Generation", description: "Generate completely unique, breathtaking wallpapers from text prompts in seconds. Your imagination is the limit.", media: { + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZTyRxS5uKDRjPjlPa4ndRJvHc/a-mobile-interface-screen-showing-an-ai--1774695945853-c9c22e27.png", imageAlt: "Generation"}, items: [ { icon: Palette, - text: "Prompt-to-art", - }, + text: "Prompt-to-art"}, { icon: Cpu, - text: "Fast render", - }, + text: "Fast render"}, ], reverse: false, }, @@ -143,26 +114,11 @@ export default function LandingPage() { useInvertedBackground={false} products={[ { - id: "p1", - name: "Nature Essentials", - price: "Free", - variant: "HD", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZTyRxS5uKDRjPjlPa4ndRJvHc/an-aesthetic-amoled-nature-wallpaper-vib-1774695946446-1c818965.png", - }, + id: "p1", name: "Nature Essentials", price: "Free", variant: "HD", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZTyRxS5uKDRjPjlPa4ndRJvHc/an-aesthetic-amoled-nature-wallpaper-vib-1774695946446-1c818965.png"}, { - id: "p2", - name: "Automotive Concept", - price: "Premium", - variant: "Ultra-HD", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZTyRxS5uKDRjPjlPa4ndRJvHc/a-futuristic-car-concept-digital-artwork-1774695944887-a4541067.png", - }, + id: "p2", name: "Automotive Concept", price: "Premium", variant: "Ultra-HD", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZTyRxS5uKDRjPjlPa4ndRJvHc/a-futuristic-car-concept-digital-artwork-1774695944887-a4541067.png"}, { - id: "p3", - name: "Anime Style", - price: "Pro", - variant: "4K", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZTyRxS5uKDRjPjlPa4ndRJvHc/a-high-quality-anime-style-digital-illus-1774695944961-143a66be.png", - }, + id: "p3", name: "Anime Style", price: "Pro", variant: "4K", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZTyRxS5uKDRjPjlPa4ndRJvHc/a-high-quality-anime-style-digital-illus-1774695944961-143a66be.png"}, ]} title="Curated Collections" description="Explore our top-performing categories or create your own custom asset today." @@ -176,36 +132,16 @@ export default function LandingPage() { useInvertedBackground={false} plans={[ { - id: "free", - tag: "Entry", - price: "$0", - period: "/mo", - description: "Access to discovery feed and basic wallpaper downloads.", - button: { - text: "Get Started", - }, - featuresTitle: "Included", - features: [ - "Ad-supported", - "Standard definition", - "Basic discovery", - ], + id: "free", tag: "Entry", price: "$0", period: "/mo", description: "Access to discovery feed and basic wallpaper downloads.", button: { + text: "Get Started"}, + featuresTitle: "Included", features: [ + "Ad-supported", "Standard definition", "Basic discovery"], }, { - id: "pro", - tag: "Pro", - price: "$9.99", - period: "/mo", - description: "Unlock powerful AI features and faster processing for creators.", - button: { - text: "Upgrade Pro", - }, - featuresTitle: "Everything Free Plus:", - features: [ - "Ad-free experience", - "4K Ultra-HD upscaling", - "Priority rendering", - ], + id: "pro", tag: "Pro", price: "$9.99", period: "/mo", description: "Unlock powerful AI features and faster processing for creators.", button: { + text: "Upgrade Pro"}, + featuresTitle: "Everything Free Plus:", features: [ + "Ad-free experience", "4K Ultra-HD upscaling", "Priority rendering"], }, ]} title="Simple Pricing" @@ -221,25 +157,15 @@ export default function LandingPage() { author="Sarah Chen, Lead Designer" avatars={[ { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZTyRxS5uKDRjPjlPa4ndRJvHc/a-professional-avatar-of-a-young-graphic-1774695943939-474755ff.png", - alt: "Sarah", - }, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZTyRxS5uKDRjPjlPa4ndRJvHc/a-professional-avatar-of-a-young-graphic-1774695943939-474755ff.png", alt: "Sarah"}, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZTyRxS5uKDRjPjlPa4ndRJvHc/a-high-quality-portrait-of-a-tech-entrep-1774695945352-e9eea410.png", - alt: "Mark", - }, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZTyRxS5uKDRjPjlPa4ndRJvHc/a-high-quality-portrait-of-a-tech-entrep-1774695945352-e9eea410.png", alt: "Mark"}, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZTyRxS5uKDRjPjlPa4ndRJvHc/a-portrait-of-a-creative-influencer-1774695946732-0b431392.png", - alt: "Elena", - }, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZTyRxS5uKDRjPjlPa4ndRJvHc/a-portrait-of-a-creative-influencer-1774695946732-0b431392.png", alt: "Elena"}, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZTyRxS5uKDRjPjlPa4ndRJvHc/a-portrait-of-a-student-developer-1774695946930-cb200d14.png", - alt: "Kevin", - }, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZTyRxS5uKDRjPjlPa4ndRJvHc/a-portrait-of-a-student-developer-1774695946930-cb200d14.png", alt: "Kevin"}, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZTyRxS5uKDRjPjlPa4ndRJvHc/a-professional-avatar-of-a-young-graphic-1774695943939-474755ff.png", - alt: "Alex", - }, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZTyRxS5uKDRjPjlPa4ndRJvHc/a-professional-avatar-of-a-young-graphic-1774695943939-474755ff.png", alt: "Alex"}, ]} ratingAnimation="slide-up" avatarsAnimation="slide-up" @@ -251,20 +177,11 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "q1", - title: "How does AI upscaling work?", - content: "Our AI model uses deep learning to reconstruct details from low-resolution files.", - }, + id: "q1", title: "How does AI upscaling work?", content: "Our AI model uses deep learning to reconstruct details from low-resolution files."}, { - id: "q2", - title: "Can I use wallpapers commercially?", - content: "Pro members get commercial licensing for generated assets.", - }, + id: "q2", title: "Can I use wallpapers commercially?", content: "Pro members get commercial licensing for generated assets."}, { - id: "q3", - title: "How many credits do I get?", - content: "Free users receive 5 monthly credits; Pro users receive unlimited monthly generation.", - }, + id: "q3", title: "How many credits do I get?", content: "Free users receive 5 monthly credits; Pro users receive unlimited monthly generation."}, ]} sideTitle="Questions?" sideDescription="Everything you need to know about our AI platform." @@ -276,13 +193,9 @@ export default function LandingPage() { -- 2.49.1