Merge version_1 into main #1
165
src/app/page.tsx
165
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() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Discover",
|
||||
id: "catalog",
|
||||
},
|
||||
name: "Catalog", id: "catalog"},
|
||||
{
|
||||
name: "Create",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
]}
|
||||
brandName="AIWall"
|
||||
/>
|
||||
@@ -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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -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() {
|
||||
<FooterLogoReveal
|
||||
logoText="AIWall"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Contact Support", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user