Update src/app/page.tsx
This commit is contained in:
353
src/app/page.tsx
353
src/app/page.tsx
@@ -2,16 +2,17 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { LayoutGrid, TrendingUp, Sparkles, Target, Zap, Users } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -19,337 +20,121 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="aurora"
|
||||
cardStyle="subtle-shadow"
|
||||
contentWidth="medium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="light"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Results",
|
||||
id: "results",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Results", id: "results" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Vantage Social"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Elevate Your Digital Presence."
|
||||
description="We craft sophisticated social media strategies that command attention, drive growth, and define premium brands in the digital landscape."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Strategy",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
<HeroLogoBillboard
|
||||
logoText="Vantage Social"
|
||||
description="Sophisticated social media strategies for elite brands that demand growth and digital dominance."
|
||||
buttons={[{ text: "Start Strategy", href: "#contact" }, { text: "Our Work", href: "#services" }]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/laptop-glasses-notebok-desktop-blurred-background_169016-38703.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hands-young-pretty-woman-sitting-table-black-shirt-working-laptop-co-working-office-busy-student-freelancer-drinking-coffee_285396-115.jpg",
|
||||
alt: "Team member 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/messy-office-workplace-workplace-workspace-concept_185193-109629.jpg",
|
||||
alt: "Team member 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-his-laptop_53876-49294.jpg",
|
||||
alt: "Team member 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-laptop-with-graphic-tablet_23-2148223230.jpg",
|
||||
alt: "Team member 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
|
||||
alt: "Team member 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 50+ elite brands"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Growth Focused",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "High Engagement",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Aesthetics",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Data-Driven Results",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Strategic Scaling",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Redefining",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-colleagues-sitting-table_23-2149362921.jpg",
|
||||
alt: "About our process",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "Modern Social Narrative",
|
||||
},
|
||||
]}
|
||||
<TestimonialAboutCard
|
||||
tag="Our Vision"
|
||||
title="Architects of Digital Influence"
|
||||
description="We believe that social media is more than just posts; it's a narrative that defines brand legacy. We blend aesthetic precision with data-driven strategy to ensure your brand resonates in a crowded digital world."
|
||||
subdescription="Boutique, high-touch partnerships for brands that refuse to compromise on quality or results."
|
||||
icon={Sparkles}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-colleagues-sitting-table_23-2149362921.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
<FeatureCardNineteen
|
||||
title="Strategic Creative Disciplines"
|
||||
textboxLayout="split-actions"
|
||||
features={[
|
||||
{
|
||||
title: "Brand Strategy",
|
||||
description: "Defining your unique voice and visual identity to dominate your market niche.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/market-trends-concept-with-smartphone_23-2150372425.jpg",
|
||||
},
|
||||
{
|
||||
title: "Content Production",
|
||||
description: "High-end visual storytelling crafted to stop the scroll and captivate audiences.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-mobile-phone-used-produce-comedy-podcast_482257-88028.jpg",
|
||||
},
|
||||
{
|
||||
title: "Performance Analytics",
|
||||
description: "Data-backed optimization to ensure maximum reach and conversion for every campaign.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-business-workspace-with-device-showing-data-analytics-infographics_482257-116612.jpg",
|
||||
},
|
||||
{ tag: "Strategy", title: "Brand Positioning", subtitle: "Identity Mastery", description: "Defining the core essence of your brand to build lasting market authority.", imageSrc: "http://img.b2bpic.net/free-photo/market-trends-concept-with-smartphone_23-2150372425.jpg" },
|
||||
{ tag: "Creative", title: "Visual Storytelling", subtitle: "Production Excellence", description: "High-end content creation designed for maximum engagement and aesthetic impact.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-mobile-phone-used-produce-comedy-podcast_482257-88028.jpg" },
|
||||
{ tag: "Performance", title: "Growth Analytics", subtitle: "Data Intelligence", description: "Iterative, data-backed optimization to scale reach and convert audiences effectively.", imageSrc: "http://img.b2bpic.net/free-photo/empty-business-workspace-with-device-showing-data-analytics-infographics_482257-116612.jpg" }
|
||||
]}
|
||||
title="Premium Creative Solutions"
|
||||
description="Our expertise spans across high-impact digital disciplines."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="results" data-section="results">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
<MetricCardFourteen
|
||||
title="Tangible Digital Impact"
|
||||
tag="Measurable Growth"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500%",
|
||||
title: "Growth Delivered",
|
||||
description: "Average audience engagement increase for our clients.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-level-concept_23-2148761006.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "120+",
|
||||
title: "Brand Connections",
|
||||
description: "Strategic relationships built within your industry.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-network-background-connection-cyber-space-ai-generative_123827-24187.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "40M+",
|
||||
title: "Impressions Served",
|
||||
description: "High-quality reach across multi-platform networks.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/animated-eraser-with-paper-clips-dogs-still-life_23-2149911072.jpg",
|
||||
},
|
||||
{ id: "r1", value: "500%", description: "Average audience engagement growth." },
|
||||
{ id: "r2", value: "120+", description: "Premium brand partnerships cultivated." },
|
||||
{ id: "r3", value: "40M+", description: "Quality impressions delivered globally." },
|
||||
]}
|
||||
title="Measured Excellence"
|
||||
description="Tangible results powered by sophisticated digital strategies."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Client Success Narratives"
|
||||
textboxLayout="split"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Jenkins",
|
||||
handle: "@sjenkins",
|
||||
testimonial: "Vantage Social redefined our brand perception entirely. Outstanding professional service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus Thorne",
|
||||
handle: "@mthorne",
|
||||
testimonial: "The metrics don't lie. Our growth trajectory has been unprecedented since joining.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/content-senior-businessman-with-arms-crossed_1262-1790.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@elena_r",
|
||||
testimonial: "Sophisticated storytelling that actually converts. A truly premium agency partner.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-man-winter-sweater-is-posing-photographer-studio_613910-13711.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Wu",
|
||||
handle: "@dwu_official",
|
||||
testimonial: "Unparalleled expertise in strategy and design. They feel like an extension of our team.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Olivia Smith",
|
||||
handle: "@olivia_s",
|
||||
testimonial: "Simply the best digital partner I have ever worked with. Results driven and elegant.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-blond-young-man-posing-studio_158595-3375.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Jenkins", role: "Founder, Apex", testimonial: "Vantage Social redefined our digital presence entirely. Their blend of strategy and aesthetics is unmatched.", icon: Users },
|
||||
{ id: "t2", name: "Marcus Thorne", role: "Director, Lumina", testimonial: "The growth we've achieved is unprecedented. Truly a world-class agency partner.", icon: Target }
|
||||
]}
|
||||
title="Voices of Excellence"
|
||||
description="Hear from leaders who have transformed their digital strategy with us."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Apex Industries",
|
||||
"Lumina Media",
|
||||
"Nexum Capital",
|
||||
"Veridian Tech",
|
||||
"Oasis Ventures",
|
||||
"Summit Studio",
|
||||
"Flux Systems",
|
||||
]}
|
||||
title="Trusted by Visionaries"
|
||||
description="Collaborating with market-defining brands across global industries."
|
||||
names={["Apex Industries", "Lumina Media", "Nexum Capital", "Veridian Tech", "Oasis Ventures"]}
|
||||
title="Defining Brands"
|
||||
description="Collaborating with industry-defining leaders."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What makes your agency premium?",
|
||||
content: "We focus on boutique, high-touch strategic engagement, not volume, ensuring bespoke results.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How do we measure success?",
|
||||
content: "We define success through tangible KPIs tailored to your specific business growth objectives.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What industries do you work with?",
|
||||
content: "We specialize in luxury lifestyle, B2B tech, and ambitious creative startups.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/displeased-indian-worker-losing-her-job-gathering-her-belongings_482257-108162.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
description="Clearing the path for our partnership."
|
||||
<FaqBase
|
||||
title="Partnership Insights"
|
||||
faqsAnimation="slide-up"
|
||||
mediaAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "f1", title: "How do we scale?", content: "We combine high-touch creative strategy with data-backed performance marketing." },
|
||||
{ id: "f2", title: "What makes us premium?", content: "Focus on boutique strategic engagement over volume." },
|
||||
{ id: "f3", title: "Do you handle production?", content: "Yes, we provide end-to-end creative production." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Let's Collaborate"
|
||||
title="Ready for a Digital Transformation?"
|
||||
description="Enter your details to initiate a strategy consultation with our leadership team."
|
||||
<ContactSplitForm
|
||||
title="Initiate Your Growth"
|
||||
description="Partner with our elite team for your digital transformation."
|
||||
inputs={[ { name: "name", type: "text", placeholder: "Full Name" }, { name: "email", type: "email", placeholder: "Business Email" } ]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/displeased-indian-worker-losing-her-job-gathering-her-belongings_482257-108162.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Vantage Social",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Results",
|
||||
href: "#results",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "https://twitter.com",
|
||||
},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "https://linkedin.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Vantage Social Agency."
|
||||
bottomRightText="All rights reserved."
|
||||
<FooterMedia
|
||||
logoText="Vantage Social"
|
||||
columns={[{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Results", href: "#results" }] }, { title: "Connect", items: [{ label: "Twitter", href: "#" }, { label: "LinkedIn", href: "#" }] }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/technology-network-background-connection-cyber-space-ai-generative_123827-24187.jpg"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user