Merge version_1 into main #2
175
src/app/page.tsx
175
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Community",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Community", id: "testimonials"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
name: "Support", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Vanguard Social"
|
||||
/>
|
||||
@@ -52,16 +44,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background="aurora"
|
||||
background={{ variant: "glowing-orb" }}
|
||||
title="The Future of Connection, Refined."
|
||||
description="Vanguard provides a sanctuary for creators, influencers, and visionaries. Experience social media redesigned for premium aesthetics and exclusive interaction."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Early Access",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Early Access", href: "#contact"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcK39VfecrmUToHHECg4A15E0G/a-high-end-premium-social-media-dashboar-1774783316492-a044a785.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcK39VfecrmUToHHECg4A15E0G/a-high-end-premium-social-media-dashboar-1774783316492-a044a785.png"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="A high-end, premium social media dashboard interface on a smartphone screen, showcasing sleek dark mode profiles, vibrant ruby-colored UI elements, and glassmorphism cards."
|
||||
/>
|
||||
@@ -75,48 +65,24 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Curated Experiences",
|
||||
description: "No clutter, no noise. Just your content, presented in a gallery-worthy format designed to captivate your audience immediately.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcK39VfecrmUToHHECg4A15E0G/a-close-up-view-of-a-premium-social-medi-1774783316409-b91c4149.png?_wi=1",
|
||||
imageAlt: "Premium social media feed UI",
|
||||
},
|
||||
title: "Curated Experiences", description: "No clutter, no noise. Just your content, presented in a gallery-worthy format designed to captivate your audience immediately.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcK39VfecrmUToHHECg4A15E0G/a-close-up-view-of-a-premium-social-medi-1774783316409-b91c4149.png", imageAlt: "Premium social media feed UI"},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcK39VfecrmUToHHECg4A15E0G/a-social-network-analytics-dashboard-for-1774783322179-2bfdd039.png?_wi=1",
|
||||
imageAlt: "Analytics dashboard glassmorphism",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcK39VfecrmUToHHECg4A15E0G/a-high-end-premium-social-media-dashboar-1774783316492-a044a785.png?_wi=2",
|
||||
imageAlt: "A high-end, premium social media dashboard interface on a smartphone screen, showcasing sleek dark m",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcK39VfecrmUToHHECg4A15E0G/a-social-network-analytics-dashboard-for-1774783322179-2bfdd039.png", imageAlt: "Analytics dashboard glassmorphism"}
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Verified Influence",
|
||||
description: "Access exclusive analytics and networking opportunities reserved only for the elite creators on our platform.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcK39VfecrmUToHHECg4A15E0G/a-close-up-view-of-a-premium-social-medi-1774783316409-b91c4149.png?_wi=2",
|
||||
imageAlt: "Premium social media feed UI",
|
||||
},
|
||||
title: "Verified Influence", description: "Access exclusive analytics and networking opportunities reserved only for the elite creators on our platform.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcK39VfecrmUToHHECg4A15E0G/a-close-up-view-of-a-premium-social-medi-1774783316409-b91c4149.png", imageAlt: "Premium social media feed UI"},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcK39VfecrmUToHHECg4A15E0G/a-social-network-analytics-dashboard-for-1774783322179-2bfdd039.png?_wi=2",
|
||||
imageAlt: "Analytics dashboard glassmorphism",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcK39VfecrmUToHHECg4A15E0G/a-close-up-view-of-a-premium-social-medi-1774783316409-b91c4149.png?_wi=3",
|
||||
imageAlt: "A close-up view of a premium social media feed showing photos of high-end events and artistic conten",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcK39VfecrmUToHHECg4A15E0G/a-social-network-analytics-dashboard-for-1774783322179-2bfdd039.png", imageAlt: "Analytics dashboard glassmorphism"}
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Global Connections",
|
||||
description: "Bridge the gap between global trends and local influence with our refined discovery engine.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcK39VfecrmUToHHECg4A15E0G/a-close-up-view-of-a-premium-social-medi-1774783316409-b91c4149.png?_wi=4",
|
||||
imageAlt: "Premium social media feed UI",
|
||||
},
|
||||
title: "Global Connections", description: "Bridge the gap between global trends and local influence with our refined discovery engine.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcK39VfecrmUToHHECg4A15E0G/a-close-up-view-of-a-premium-social-medi-1774783316409-b91c4149.png", imageAlt: "Premium social media feed UI"},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcK39VfecrmUToHHECg4A15E0G/a-social-network-analytics-dashboard-for-1774783322179-2bfdd039.png?_wi=3",
|
||||
imageAlt: "Analytics dashboard glassmorphism",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcK39VfecrmUToHHECg4A15E0G/a-social-network-analytics-dashboard-for-1774783322179-2bfdd039.png?_wi=4",
|
||||
imageAlt: "A social network analytics dashboard for influencers showing growth graphs in ruby red with glassmor",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcK39VfecrmUToHHECg4A15E0G/a-social-network-analytics-dashboard-for-1774783322179-2bfdd039.png", imageAlt: "Analytics dashboard glassmorphism"}
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -132,45 +98,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rivers",
|
||||
handle: "@alexrivers",
|
||||
testimonial: "Finally, a platform that respects the aesthetic quality of my photography. The dark mode ruby UI is breathtaking.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcK39VfecrmUToHHECg4A15E0G/portrait-of-a-successful-tech-entreprene-1774783315621-bd6f9a85.png?_wi=1",
|
||||
},
|
||||
id: "1", name: "Alex Rivers", handle: "@alexrivers", testimonial: "Finally, a platform that respects the aesthetic quality of my photography. The dark mode ruby UI is breathtaking.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcK39VfecrmUToHHECg4A15E0G/portrait-of-a-successful-tech-entreprene-1774783315621-bd6f9a85.png"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jamie Lee",
|
||||
handle: "@jamie_designs",
|
||||
testimonial: "The exclusive tools provided for creators are miles ahead of the competition. Truly a premium experience.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcK39VfecrmUToHHECg4A15E0G/portrait-of-a-creative-fashion-designer--1774783315555-de4911e8.png",
|
||||
},
|
||||
id: "2", name: "Jamie Lee", handle: "@jamie_designs", testimonial: "The exclusive tools provided for creators are miles ahead of the competition. Truly a premium experience.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcK39VfecrmUToHHECg4A15E0G/portrait-of-a-creative-fashion-designer--1774783315555-de4911e8.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sam Morgan",
|
||||
handle: "@smorgan",
|
||||
testimonial: "Transitioning to Vanguard has significantly increased the quality of my engagement. It's the standard for professional creators.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcK39VfecrmUToHHECg4A15E0G/portrait-of-a-content-marketer-holding-a-1774783316261-bc969435.png",
|
||||
},
|
||||
id: "3", name: "Sam Morgan", handle: "@smorgan", testimonial: "Transitioning to Vanguard has significantly increased the quality of my engagement. It's the standard for professional creators.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcK39VfecrmUToHHECg4A15E0G/portrait-of-a-content-marketer-holding-a-1774783316261-bc969435.png"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jordan West",
|
||||
handle: "@jwest",
|
||||
testimonial: "Unparalleled design. The glassmorphism elements make every post feel like a piece of high art.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcK39VfecrmUToHHECg4A15E0G/portrait-of-a-modern-filmmaker-serious-a-1774783315098-0eda0c57.png",
|
||||
},
|
||||
id: "4", name: "Jordan West", handle: "@jwest", testimonial: "Unparalleled design. The glassmorphism elements make every post feel like a piece of high art.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcK39VfecrmUToHHECg4A15E0G/portrait-of-a-modern-filmmaker-serious-a-1774783315098-0eda0c57.png"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena Vance",
|
||||
handle: "@evance",
|
||||
testimonial: "Vanguard feels less like a social network and more like a private club for those who care about visual storytelling.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcK39VfecrmUToHHECg4A15E0G/portrait-of-a-successful-tech-entreprene-1774783315621-bd6f9a85.png?_wi=2",
|
||||
},
|
||||
id: "5", name: "Elena Vance", handle: "@evance", testimonial: "Vanguard feels less like a social network and more like a private club for those who care about visual storytelling.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BcK39VfecrmUToHHECg4A15E0G/portrait-of-a-successful-tech-entreprene-1774783315621-bd6f9a85.png"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Vanguards Say"
|
||||
@@ -184,25 +125,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do I gain an invite?",
|
||||
content: "Vanguard is invite-only. Existing members can send out a limited number of high-priority invites periodically.",
|
||||
},
|
||||
id: "1", title: "How do I gain an invite?", content: "Vanguard is invite-only. Existing members can send out a limited number of high-priority invites periodically."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Is there a subscription fee?",
|
||||
content: "Our platform remains free for verified creators who meet our quality standards.",
|
||||
},
|
||||
id: "2", title: "Is there a subscription fee?", content: "Our platform remains free for verified creators who meet our quality standards."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I import my content?",
|
||||
content: "Yes, we offer seamless migration tools for all high-quality media content you've built elsewhere.",
|
||||
},
|
||||
id: "3", title: "Can I import my content?", content: "Yes, we offer seamless migration tools for all high-quality media content you've built elsewhere."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Is privacy guaranteed?",
|
||||
content: "Security is our foundation. We provide end-to-end encrypted messaging and exclusive sharing options.",
|
||||
},
|
||||
id: "4", title: "Is privacy guaranteed?", content: "Security is our foundation. We provide end-to-end encrypted messaging and exclusive sharing options."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about joining the elite circle of Vanguard."
|
||||
@@ -216,22 +145,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "support-1",
|
||||
title: "Need technical assistance?",
|
||||
content: "Email us at support@vanguard.social.",
|
||||
},
|
||||
id: "support-1", title: "Need technical assistance?", content: "Email us at support@vanguard.social."},
|
||||
{
|
||||
id: "support-2",
|
||||
title: "Partnership inquiries?",
|
||||
content: "For business development, please contact partners@vanguard.social.",
|
||||
},
|
||||
id: "support-2", title: "Partnership inquiries?", content: "For business development, please contact partners@vanguard.social."},
|
||||
]}
|
||||
ctaTitle="Request Access"
|
||||
ctaDescription="Join the waitlist for the most exclusive social experience online."
|
||||
ctaButton={{
|
||||
text: "Apply Now",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Apply Now", href: "#"}}
|
||||
ctaIcon={ArrowRight}
|
||||
/>
|
||||
</div>
|
||||
@@ -240,37 +161,23 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Community",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Community", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Cookie Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Cookie Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user