Update src/app/page.tsx
This commit is contained in:
152
src/app/page.tsx
152
src/app/page.tsx
@@ -29,56 +29,28 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
]}
|
||||
brandName="Connect"
|
||||
button={{
|
||||
text: "Sign Up",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Sign Up", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Connect With The World Instantly"
|
||||
description="Join the next generation of social networking. Share, discover, and grow your community in a secure and modern environment designed for creators."
|
||||
tag="Social Network 2.0"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXLYInwgSOQpv5rqGfOetXMxGk/modern-social-network-dashboard-showing--1774630580803-f60c7211.png",
|
||||
imageAlt: "Social App Dashboard UI",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXLYInwgSOQpv5rqGfOetXMxGk/modern-social-network-dashboard-showing--1774630580803-f60c7211.png", imageAlt: "Social App Dashboard UI"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXLYInwgSOQpv5rqGfOetXMxGk/interactive-chat-interface-showing-conve-1774630578869-f23133f1.png",
|
||||
imageAlt: "AI Chat Interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXLYInwgSOQpv5rqGfOetXMxGk/portrait-of-a-young-tech-professional-sm-1774630578409-61033ad3.png",
|
||||
imageAlt: "User profile interaction",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXLYInwgSOQpv5rqGfOetXMxGk/portrait-of-a-creative-designer-diverse--1774630578531-2c418b0c.png",
|
||||
imageAlt: "Creative dashboard layout",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXLYInwgSOQpv5rqGfOetXMxGk/portrait-of-a-software-developer-relaxed-1774630581470-a2b6c4da.png",
|
||||
imageAlt: "Development stats view",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXLYInwgSOQpv5rqGfOetXMxGk/interactive-chat-interface-showing-conve-1774630578869-f23133f1.png", imageAlt: "AI Chat Interface"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -93,46 +65,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "AI-Powered Feed",
|
||||
description: "Personalized content discovery based on your interests and engagement.",
|
||||
bentoComponent: "chat",
|
||||
aiIcon: MessageSquare,
|
||||
title: "AI-Powered Feed", description: "Personalized content discovery based on your interests and engagement.", bentoComponent: "chat", aiIcon: MessageSquare,
|
||||
userIcon: User,
|
||||
exchanges: [
|
||||
{
|
||||
userMessage: "Show me photography trends",
|
||||
aiResponse: "Here are the top photography trends for this week based on your feed...",
|
||||
},
|
||||
userMessage: "Show me photography trends", aiResponse: "Here are the top photography trends for this week based on your feed..."},
|
||||
],
|
||||
placeholder: "Ask AI...",
|
||||
},
|
||||
placeholder: "Ask AI..."},
|
||||
{
|
||||
title: "Community Analytics",
|
||||
description: "Track your impact with detailed insights and real-time metrics.",
|
||||
bentoComponent: "animated-bar-chart",
|
||||
},
|
||||
title: "Community Analytics", description: "Track your impact with detailed insights and real-time metrics.", bentoComponent: "animated-bar-chart"},
|
||||
{
|
||||
title: "Interactive Timeline",
|
||||
description: "Stay updated with your network in real-time.",
|
||||
bentoComponent: "timeline",
|
||||
heading: "Activity Stream",
|
||||
subheading: "Recent updates",
|
||||
items: [
|
||||
title: "Interactive Timeline", description: "Stay updated with your network in real-time.", bentoComponent: "timeline", heading: "Activity Stream", subheading: "Recent updates", items: [
|
||||
{
|
||||
label: "New Post",
|
||||
detail: "User X shared a photo",
|
||||
},
|
||||
label: "New Post", detail: "User X shared a photo"},
|
||||
{
|
||||
label: "Connection",
|
||||
detail: "User Y started following you",
|
||||
},
|
||||
label: "Connection", detail: "User Y started following you"},
|
||||
{
|
||||
label: "Reaction",
|
||||
detail: "User Z liked your post",
|
||||
},
|
||||
label: "Reaction", detail: "User Z liked your post"},
|
||||
],
|
||||
completedLabel: "View All",
|
||||
},
|
||||
completedLabel: "View All"},
|
||||
]}
|
||||
title="Platform Features"
|
||||
description="Everything you need to build and manage your social community effectively."
|
||||
@@ -145,50 +96,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
date: "Oct 2023",
|
||||
title: "Designer",
|
||||
quote: "The best platform for connecting with creative talent.",
|
||||
tag: "Pro",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXLYInwgSOQpv5rqGfOetXMxGk/portrait-of-a-young-tech-professional-sm-1774630578409-61033ad3.png",
|
||||
},
|
||||
id: "1", name: "Sarah J.", date: "Oct 2023", title: "Designer", quote: "The best platform for connecting with creative talent.", tag: "Pro", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXLYInwgSOQpv5rqGfOetXMxGk/portrait-of-a-young-tech-professional-sm-1774630578409-61033ad3.png"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike C.",
|
||||
date: "Nov 2023",
|
||||
title: "Dev",
|
||||
quote: "Clean, fast, and very engaging interface.",
|
||||
tag: "Dev",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXLYInwgSOQpv5rqGfOetXMxGk/portrait-of-a-creative-designer-diverse--1774630578531-2c418b0c.png",
|
||||
},
|
||||
id: "2", name: "Mike C.", date: "Nov 2023", title: "Dev", quote: "Clean, fast, and very engaging interface.", tag: "Dev", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXLYInwgSOQpv5rqGfOetXMxGk/portrait-of-a-creative-designer-diverse--1774630578531-2c418b0c.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Anna P.",
|
||||
date: "Dec 2023",
|
||||
title: "Artist",
|
||||
quote: "I've never seen such high quality content distribution.",
|
||||
tag: "Artist",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXLYInwgSOQpv5rqGfOetXMxGk/portrait-of-a-software-developer-relaxed-1774630581470-a2b6c4da.png",
|
||||
},
|
||||
id: "3", name: "Anna P.", date: "Dec 2023", title: "Artist", quote: "I've never seen such high quality content distribution.", tag: "Artist", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXLYInwgSOQpv5rqGfOetXMxGk/portrait-of-a-software-developer-relaxed-1774630581470-a2b6c4da.png"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Tom B.",
|
||||
date: "Jan 2024",
|
||||
title: "Manager",
|
||||
quote: "A true game changer for our community engagement.",
|
||||
tag: "Manager",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXLYInwgSOQpv5rqGfOetXMxGk/portrait-of-a-community-manager-friendly-1774630580006-1a10321e.png",
|
||||
},
|
||||
id: "4", name: "Tom B.", date: "Jan 2024", title: "Manager", quote: "A true game changer for our community engagement.", tag: "Manager", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXLYInwgSOQpv5rqGfOetXMxGk/portrait-of-a-community-manager-friendly-1774630580006-1a10321e.png"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena R.",
|
||||
date: "Feb 2024",
|
||||
title: "Creator",
|
||||
quote: "The analytics tools are incredibly intuitive and helpful.",
|
||||
tag: "Creator",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXLYInwgSOQpv5rqGfOetXMxGk/portrait-of-a-young-tech-professional-sm-1774630578409-61033ad3.png",
|
||||
},
|
||||
id: "5", name: "Elena R.", date: "Feb 2024", title: "Creator", quote: "The analytics tools are incredibly intuitive and helpful.", tag: "Creator", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BXLYInwgSOQpv5rqGfOetXMxGk/portrait-of-a-young-tech-professional-sm-1774630578409-61033ad3.png"},
|
||||
]}
|
||||
title="User Stories"
|
||||
description="Hear what our amazing community says about their experience."
|
||||
@@ -201,20 +117,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Is the platform free?",
|
||||
content: "Yes, basic features are free for everyone.",
|
||||
},
|
||||
id: "1", title: "Is the platform free?", content: "Yes, basic features are free for everyone."},
|
||||
{
|
||||
id: "2",
|
||||
name: "How is privacy managed?",
|
||||
content: "We prioritize user privacy with end-to-end encryption.",
|
||||
},
|
||||
id: "2", title: "How is privacy managed?", content: "We prioritize user privacy with end-to-end encryption."},
|
||||
{
|
||||
id: "3",
|
||||
name: "Can I monetize my content?",
|
||||
content: "Yes, we offer integrated monetization tools for creators.",
|
||||
},
|
||||
id: "3", title: "Can I monetize my content?", content: "Yes, we offer integrated monetization tools for creators."},
|
||||
]}
|
||||
title="Questions Answered"
|
||||
description="Everything you need to know about the platform."
|
||||
@@ -226,8 +133,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Get Started"
|
||||
title="Join Our Community"
|
||||
description="Sign up today to start your journey with us."
|
||||
@@ -240,13 +146,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Connect"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user