Merge version_2 into main #5
141
src/app/page.tsx
141
src/app/page.tsx
@@ -24,80 +24,81 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Generator", id: "generator" },
|
||||
{ name: "Analytics", id: "analytics" },
|
||||
]}
|
||||
brandName="AI Suite"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Generator", id: "generator" },
|
||||
{ name: "Analytics", id: "analytics" },
|
||||
]}
|
||||
brandName="AI Suite"
|
||||
button={{ text: "Contact", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="All-in-One AI Creator Suite"
|
||||
description="Generate viral UGC content, track analytics, and automate scripts. Everything you need to scale your creator business in one place."
|
||||
testimonials={[]}
|
||||
buttons={[
|
||||
{ text: "Get Started", href: "#" },
|
||||
{ text: "See How It Works", href: "#generator" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWfbobpgUKOEquVVZyWN3qFCdB/a-professional-ai-creator-suite-dashboar-1774609900956-19ba42e1.png"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="All-in-One AI Creator Suite"
|
||||
description="Generate viral UGC content, track analytics, and automate scripts. Everything you need to scale your creator business in one place."
|
||||
testimonials={[]}
|
||||
buttons={[
|
||||
{ text: "Get Started", href: "#" },
|
||||
{ text: "See How It Works", href: "#generator" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWfbobpgUKOEquVVZyWN3qFCdB/a-professional-ai-creator-suite-dashboar-1774609900956-19ba42e1.png"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="generator" data-section="generator">
|
||||
<FeatureCardSix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Base Image Upload", description: "Upload high-quality character references for consistent video output.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWfbobpgUKOEquVVZyWN3qFCdB/ugc-video-generator-interface-for-ai-cha-1774609903370-29358a3a.png?_wi=1"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Motion Transfer", description: "Upload reference MP4s to define the movement of your AI character.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWfbobpgUKOEquVVZyWN3qFCdB/ugc-video-generator-interface-for-ai-cha-1774609903370-29358a3a.png?_wi=2"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Instant Generation", description: "Process your content in seconds with our high-performance GPU cluster.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWfbobpgUKOEquVVZyWN3qFCdB/ugc-video-generator-interface-for-ai-cha-1774609903370-29358a3a.png?_wi=3"
|
||||
},
|
||||
]}
|
||||
title="AI UGC Video Generator"
|
||||
description="Transform base images into realistic UGC videos using motion transfer technology."
|
||||
/>
|
||||
</div>
|
||||
<div id="generator" data-section="generator">
|
||||
<FeatureCardSix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Base Image Upload", description: "Upload high-quality character references for consistent video output.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWfbobpgUKOEquVVZyWN3qFCdB/ugc-video-generator-interface-for-ai-cha-1774609903370-29358a3a.png?_wi=1"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Motion Transfer", description: "Upload reference MP4s to define the movement of your AI character.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWfbobpgUKOEquVVZyWN3qFCdB/ugc-video-generator-interface-for-ai-cha-1774609903370-29358a3a.png?_wi=2"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Instant Generation", description: "Process your content in seconds with our high-performance GPU cluster.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWfbobpgUKOEquVVZyWN3qFCdB/ugc-video-generator-interface-for-ai-cha-1774609903370-29358a3a.png?_wi=3"
|
||||
},
|
||||
]}
|
||||
title="AI UGC Video Generator"
|
||||
description="Transform base images into realistic UGC videos using motion transfer technology."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="analytics" data-section="analytics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "views", icon: BarChart, title: "Total Views", value: "2.4M+" },
|
||||
{ id: "subs", icon: Users, title: "Subscribers", value: "150K" },
|
||||
{ id: "eng", icon: TrendingUp, title: "Engagement Rate", value: "8.4%" },
|
||||
]}
|
||||
title="Analytics Hub"
|
||||
description="Master your niche with data-driven insights."
|
||||
/>
|
||||
</div>
|
||||
<div id="analytics" data-section="analytics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "views", icon: BarChart, title: "Total Views", value: "2.4M+" },
|
||||
{ id: "subs", icon: Users, title: "Subscribers", value: "150K" },
|
||||
{ id: "eng", icon: TrendingUp, title: "Engagement Rate", value: "8.4%" },
|
||||
]}
|
||||
title="Analytics Hub"
|
||||
description="Master your niche with data-driven insights."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="AI Suite"
|
||||
copyrightText="© 2025 AI Suite. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: Github, href: "#", ariaLabel: "Github" },
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="AI Suite"
|
||||
copyrightText="© 2025 AI Suite. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: Github, href: "#", ariaLabel: "Github" },
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user