bender/ff795b3a-ce85-488e-9cbf-20126e47f753
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-20 10:49:57 +00:00
parent 3dbcd7b946
commit b8d01dfe25
1 changed files with 78 additions and 135 deletions
Download Patch File Download Diff File Expand all files Collapse all files

213
src/app/page.tsx
View File

@@ -2,31 +2,31 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Award, PlayCircle, Users, Zap } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="smallMedium"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="mediumLarge"
sizing="largeSizeMediumTitles"
background="circleGradient"
cardStyle="soft-shadow"
primaryButtonStyle="gradient"
secondaryButtonStyle="solid"
headingFontWeight="medium"
background="fluid"
cardStyle="glass-elevated"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="glass"
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
@@ -43,177 +43,120 @@ export default function LandingPage() {
</div>
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{ variant: "sparkles-gradient" }}
title="AI-Powered UGC for Modern Brands"
description="Find creators, generate scripts, and launch viral campaigns in seconds. Well UGC turns AI insights into high-converting social content."
tag="Revolutionizing Content Creation"
buttons={[
{ text: "Launch Campaign", href: "#contact" },
{ text: "View Marketplace", href: "#marketplace" },
]}
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-working-digital-monitors_23-2148910247.jpg", imageAlt: "Dashboard UI" },
{ imageSrc: "http://img.b2bpic.net/free-photo/mobile-shopping-experience_23-2151952959.jpg", imageAlt: "Marketplace UI" },
{ imageSrc: "http://img.b2bpic.net/free-photo/ai-site-helping-with-software-production_1268-21627.jpg", imageAlt: "Script Generator" },
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-beauty-blogger-records-video-herself-sitting-room-rating-makeup-products-puts_1258-281728.jpg", imageAlt: "Creator Portfolio" },
{ imageSrc: "http://img.b2bpic.net/free-photo/business-leader-trader-searching-new-investment-solution_482257-116895.jpg", imageAlt: "Campaign Analytics" },
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-background-with-connecting-dots_1048-5858.jpg", imageAlt: "AI Abstract" },
<HeroCarouselLogo
logoText="AI-Powered UGC"
description="Find creators, generate scripts, and launch viral campaigns in seconds with high-frequency neural motion."
buttons={[{ text: "Launch Campaign", href: "#contact" }]}
slides={[
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-background-with-connecting-dots_1048-5858.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/ai-site-helping-with-software-production_1268-21627.jpg" }
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardNine
textboxLayout="default"
<FeatureHoverPattern
title="AI-Native Content System"
description="Experience high-frequency generation tools designed for viral performance."
useInvertedBackground={true}
animationType="slide-up"
animationType="blur-reveal"
textboxLayout="split"
features={[
{
title: "Smart AI Scripting", description: "Generate high-converting video scripts in seconds using our proprietary AI model.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-smartphone-with-blank-screen_9975-32849.jpg", imageAlt: "Script UI" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/smart-home-lighting-control_23-2152007748.jpg", imageAlt: "Campaign UI" },
},
{
title: "Creator Matching", description: "Get AI-recommended creators perfectly matched for your brand's unique niche and audience.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/phone-with-app-powered-with-ai_1268-21799.jpg", imageAlt: "Match UI" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/3d-calendar-icon-with-green-highlights-icon_23-2152009945.jpg", imageAlt: "Brand UI" },
},
{
title: "Campaign Management", description: "Launch, manage, and scale UGC campaigns with a unified, high-end dashboard.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-mockup-white-background_9975-134438.jpg", imageAlt: "Manage UI" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/technology-hologram-illustrated_23-2151877730.jpg", imageAlt: "Analytics UI" },
},
{ icon: Zap, title: "Smart AI Scripting", description: "High-converting scripts in seconds." },
{ icon: Users, title: "Creator Matching", description: "AI-recommended talent mapping." },
{ icon: PlayCircle, title: "Campaign Scale", description: "Unified global management." }
]}
showStepNumbers={true}
title="Everything you need to scale content"
description="Powerful AI tools designed for brands that want to dominate the feed."
/>
</div>
<div id="marketplace" data-section="marketplace">
<ProductCardTwo
animationType="slide-up"
<ProductCardOne
title="Featured AI Creators"
description="Hand-picked talent for your next viral move."
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
gridVariant="bento-grid"
animationType="blur-reveal"
products={[
{ id: "c1", brand: "Lifestyle", name: "Sarah Jenkins", price: "$150/video", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-smartphone_23-2149439878.jpg" },
{ id: "c2", brand: "Tech", name: "Marcus Chen", price: "$200/video", rating: 5, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/business-man-working-late-office_23-2148991382.jpg" },
{ id: "c3", brand: "Fitness", name: "Elena Rossi", price: "$175/video", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-businesswoman-smiling-happy-standing-city_839833-14128.jpg" },
{ id: "c4", brand: "Beauty", name: "Jordan Smith", price: "$250/video", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-braids-portrait_23-2151428202.jpg" },
{ id: "c5", brand: "Gaming", name: "Alex Rivera", price: "$120/video", rating: 5, reviewCount: "72", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-from-home_23-2149130574.jpg" },
{ id: "c6", brand: "Travel", name: "Chloe Wong", price: "$300/video", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/woman-holiday-journey-travel-relaxation_53876-165275.jpg" },
{ id: "p1", name: "Sarah J.", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-smartphone_23-2149439878.jpg" },
{ id: "p2", name: "Marcus C.", price: "$200", imageSrc: "http://img.b2bpic.net/free-photo/business-man-working-late-office_23-2148991382.jpg" },
{ id: "p3", name: "Elena R.", price: "$175", imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-businesswoman-smiling-happy-standing-city_839833-14128.jpg" }
]}
title="Featured Creators"
description="Browse our hand-picked selection of top-tier UGC creators."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
animationType="depth-3d"
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={true}
<MetricCardTwo
title="Neural Scaling Metrics"
description="Real-time data visualization of your impact."
metrics={[
{ id: "m1", value: "200%", title: "Avg. Engagement Lift", description: "Across brand campaigns", icon: Zap },
{ id: "m2", value: "5k+", title: "Active Creators", description: "Global talent network", icon: Users },
{ id: "m3", value: "40k+", title: "Videos Delivered", description: "UGC assets created", icon: PlayCircle },
{ id: "m4", value: "98%", title: "Brand Satisfaction", description: "Highly rated service", icon: Award },
{ id: "m1", value: "200%", description: "Engagement Lift" },
{ id: "m2", value: "5k+", description: "Active Creators" },
{ id: "m3", value: "40k+", description: "Videos Delivered" }
]}
title="The Well UGC Impact"
description="Proven results for brands scaling with our platform."
gridVariant="bento-grid"
animationType="depth-3d"
textboxLayout="split"
useInvertedBackground={true}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
showRating={true}
<TestimonialCardFive
title="Industry Feedback"
description="How modern brands scale output."
textboxLayout="split"
testimonials={[
{ id: "t1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "The AI tools are game-changing. I launched 5 campaigns in minutes.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beauty-vlogger-adjusting-camera_23-2148916349.jpg" },
{ id: "t2", name: "Michael Chen", handle: "@mchen", testimonial: "Finally, a platform that gets creator matching right. My engagement has doubled.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-businesswoman-showing-digital-tablet_1262-6180.jpg" },
{ id: "t3", name: "Emily Rodriguez", handle: "@emilyr", testimonial: "Well UGC is the secret weapon our marketing team was missing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136890.jpg" },
{ id: "t4", name: "David Kim", handle: "@dkim", testimonial: "The AI scripts are so much better than human drafts I've used before.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-with-short-hair-relaxing-outdoors_23-2149015726.jpg" },
{ id: "t5", name: "Lisa Wang", handle: "@lisaw", testimonial: "Highly recommended for any brand serious about social media growth.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-shouting-after-failing-win-videogame-while-playing-gaming-pc-close-up-shot_482257-105005.jpg" },
{ id: "t6", name: "Kevin Hart", handle: "@kevinh", testimonial: "The best platform I have ever used for UGC campaigns, bar none.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg" },
{ id: "t1", name: "Sarah J.", date: "Oct 2024", title: "CMO", quote: "Game-changing neural speed.", tag: "Growth", avatarSrc: "http://img.b2bpic.net/free-photo/beauty-vlogger-adjusting-camera_23-2148916349.jpg" },
{ id: "t2", name: "Marcus C.", date: "Sep 2024", title: "Founder", quote: "AI matching accuracy is unreal.", tag: "Scale", avatarSrc: "http://img.b2bpic.net/free-photo/positive-businesswoman-showing-digital-tablet_1262-6180.jpg" }
]}
title="Loved by Modern Brands"
description="Hear from the leaders at top-tier companies."
/>
</div>
<div id="socialproof" data-section="socialproof">
<SocialProofOne
textboxLayout="default"
names={["Google", "Nike", "Adidas", "Notion", "Stripe"]}
title="Global Leaders"
description="Brands running on Well UGC."
textboxLayout="split"
useInvertedBackground={true}
names={["Google", "Spotify", "Nike", "Airbnb", "Netflix", "Adidas", "Notion", "Linear", "Stripe", "Framer"]}
title="Trusted by Industry Leaders"
description="Join the brands who are scaling their content with Well UGC."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={false}
<FaqDouble
title="Neural Knowledge Base"
description="Deep dive into our platform AI."
faqsAnimation="blur-reveal"
textboxLayout="split"
faqs={[
{ id: "f1", title: "How does the AI matching work?", content: "Our proprietary AI analyzes historical creator performance and your brand's unique goals." },
{ id: "f2", title: "Can I use the script generator for free?", content: "Yes, we offer a free trial for the script generator tool." },
{ id: "f3", title: "How are creators vetted?", content: "All creators go through a multi-step verification process to ensure high-quality content output." },
{ id: "f4", title: "Does Well UGC support all platforms?", content: "We support TikTok, Instagram, and YouTube Shorts." },
{ id: "f1", title: "How does matching work?", content: "AI analysis on historical performance." },
{ id: "f2", title: "Is the script AI free?", content: "Free trials included with launch." }
]}
imageSrc="http://img.b2bpic.net/free-photo/robot-hands-3d-render-chatbot-palms-gestures-set_107791-15672.jpg"
title="Frequently Asked Questions"
description="Have questions? We have answers."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={true}
title="Get Started Today"
description="Ready to launch your first UGC campaign with Well UGC?"
inputs={[
{ name: "name", type: "text", placeholder: "Your Name" },
{ name: "email", type: "email", placeholder: "Email Address" },
{ name: "company", type: "text", placeholder: "Company Name" },
]}
textarea={{ name: "message", placeholder: "Tell us about your brand..." }}
<ContactSplit
tag="New Campaign"
title="Initialize Connection"
description="Request access to our neural network."
mediaPosition="right"
mediaAnimation="blur-reveal"
imageSrc="http://img.b2bpic.net/free-photo/blockchain-technology-background-gradient-blue_53876-124648.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
<FooterMedia
logoText="Well UGC"
imageSrc="http://img.b2bpic.net/free-photo/abstract-techno-background-with-connecting-dots_1048-5858.jpg"
columns={[
{
title: "Platform", items: [
{ label: "Features", href: "#features" },
{ label: "Marketplace", href: "#marketplace" },
{ label: "Pricing", href: "#pricing" },
],
},
{
title: "Company", items: [
{ label: "About", href: "#about" },
{ label: "Blog", href: "#blog" },
{ label: "Careers", href: "#careers" },
],
},
{
title: "Legal", items: [
{ label: "Privacy", href: "#privacy" },
{ label: "Terms", href: "#terms" },
],
},
{ title: "Platform", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
{ title: "Company", items: [{ label: "About", href: "#about" }] }
]}
bottomLeftText="© 2024 Well UGC Inc."
bottomRightText="Built for creators."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}