Merge version_2 into main #2
190
src/app/page.tsx
190
src/app/page.tsx
@@ -3,17 +3,17 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap, Users, BarChart, Layout } from 'lucide-react';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -27,11 +27,11 @@ export default function LandingPage() {
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="light"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
@@ -44,158 +44,124 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "plain" }}
|
||||
title="Elevating Brands Through Digital Excellence"
|
||||
<HeroLogo
|
||||
logoText="Vantage Social"
|
||||
description="We craft premium social media strategies that turn followers into communities and audiences into loyal customers."
|
||||
tag="PREMIUM AGENCY"
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-shapes-indoors-background_23-2150697326.jpg", imageAlt: "digital studio abstract background" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/smiling-analyst-demonstrating-graph-phone_1262-3093.jpg", imageAlt: "creative director digital marketing" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by 50+ Top-Tier Brands"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-geometric-shapes-indoors-background_23-2150697326.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
<SplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="Crafting Your Brand Narrative"
|
||||
description="At Vantage Social, we believe that premium brands require premium strategy. We bridge the gap between creative storytelling and hard analytics, delivering results that don't just look good but drive sustainable growth."
|
||||
description="At Vantage Social, we believe that premium brands require premium strategy. We bridge the gap between creative storytelling and hard analytics."
|
||||
tag="OUR PHILOSOPHY"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/panoramic-sauna-view-organic-wooden-columns-resort-style-wellness_169016-68883.jpg"
|
||||
imageAlt="modern creative agency office"
|
||||
textboxLayout="split"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Social Content Strategy", description: "High-end content planning designed to captivate and convert your specific audience segment.", imageSrc: "http://img.b2bpic.net/free-photo/statistics-analysis-diagram-data-strategy-growth-concept_53876-121535.jpg", buttonIcon: Zap },
|
||||
{ title: "Influencer Ecosystems", description: "Curating premium collaborations that align perfectly with your brand identity and voice.", imageSrc: "http://img.b2bpic.net/free-photo/female-fashion-blogger-streaming-home-with-smartphone_23-2148771594.jpg", buttonIcon: Users },
|
||||
{ title: "Performance Analytics", description: "Data-driven reporting that provides clarity on ROI and engagement impact.", imageSrc: "http://img.b2bpic.net/free-photo/data-analysis-analytics-information-report-concept_53876-121035.jpg", buttonIcon: BarChart },
|
||||
{ title: "Brand Identity Design", description: "Cohesive visual storytelling that establishes your brand as an industry leader.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-still-life_23-2150440941.jpg", buttonIcon: Layout }
|
||||
]}
|
||||
<FeatureCardThree
|
||||
title="Core Expertise"
|
||||
description="Premium services tailored to amplify your digital presence and optimize your engagement metrics."
|
||||
description="Premium services tailored to amplify your digital presence."
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{ title: "Social Content Strategy", description: "High-end content planning designed to convert.", imageSrc: "http://img.b2bpic.net/free-photo/statistics-analysis-diagram-data-strategy-growth-concept_53876-121535.jpg" },
|
||||
{ title: "Influencer Ecosystems", description: "Curating premium collaborations.", imageSrc: "http://img.b2bpic.net/free-photo/female-fashion-blogger-streaming-home-with-smartphone_23-2148771594.jpg" },
|
||||
{ title: "Performance Analytics", description: "Data-driven reporting for ROI.", imageSrc: "http://img.b2bpic.net/free-photo/data-analysis-analytics-information-report-concept_53876-121035.jpg" },
|
||||
{ title: "Brand Identity", description: "Cohesive visual storytelling.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-still-life_23-2150440941.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cases" data-section="cases">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", name: "Luxury Watch Brand", price: "145% Growth", imageSrc: "http://img.b2bpic.net/free-vector/marketing-content-flat-background_23-2148002909.jpg" },
|
||||
{ id: "2", name: "Eco-Friendly Apparel", price: "2.1x ROAS", imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-58033.jpg" },
|
||||
{ id: "3", name: "Tech SaaS Disruptor", price: "30k New Leads", imageSrc: "http://img.b2bpic.net/free-photo/employee-editing-documents-desktop-computer-office-desk_482257-126550.jpg" },
|
||||
{ id: "4", name: "Culinary Experience Studio", price: "500k Reach", imageSrc: "http://img.b2bpic.net/free-photo/front-view-colourful-pencils-with-copy-space_23-2148539117.jpg" },
|
||||
{ id: "5", name: "Wellness App Platform", price: "90% Retention", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-working-around-computer_329181-11992.jpg" },
|
||||
{ id: "6", name: "Automotive Concept Launch", price: "8m Impressions", imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149371202.jpg" }
|
||||
]}
|
||||
<ProductCardFour
|
||||
title="Selected Case Studies"
|
||||
description="Real impact, real growth, refined results."
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", name: "Luxury Watch Brand", price: "145% Growth", variant: "Case Study", imageSrc: "http://img.b2bpic.net/free-vector/marketing-content-flat-background_23-2148002909.jpg" },
|
||||
{ id: "2", name: "Eco Apparel", price: "2.1x ROAS", variant: "Case Study", imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-58033.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "essential", badge: "Core", price: "$5,000", subtitle: "Perfect for established brands needing consistency.", features: ["Content Calendar", "Basic Analytics", "Community Moderation"], buttons: [{ text: "Get Started" }] },
|
||||
{ id: "growth", badge: "Optimal", price: "$12,000", subtitle: "Accelerate growth with multi-channel strategy.", features: ["Everything in Core", "Influencer Campaigns", "Advanced Reporting"], buttons: [{ text: "Get Started" }] },
|
||||
{ id: "enterprise", badge: "Full Scale", price: "$25,000+", subtitle: "Complete digital transformation & scale.", features: ["Everything in Optimal", "Full Creative Production", "Strategic Consultation"], buttons: [{ text: "Contact Us" }] }
|
||||
]}
|
||||
<PricingCardNine
|
||||
title="Transparent Growth Tiers"
|
||||
description="Choose the level of engagement that fits your brand ambitions."
|
||||
description="Choose the level of engagement that fits your ambitions."
|
||||
textboxLayout="split"
|
||||
animationType="slide-up"
|
||||
plans={[
|
||||
{ id: "ess", title: "Core", price: "$5,000", period: "/mo", features: ["Content Calendar", "Basic Analytics"], button: { text: "Get Started" } },
|
||||
{ id: "growth", title: "Optimal", price: "$12,000", period: "/mo", features: ["Influencer Campaigns", "Advanced Reporting"], button: { text: "Get Started" } }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "120M+", description: "Total Reach Generated" },
|
||||
{ id: "m2", value: "4.5x", description: "Average ROAS Increase" },
|
||||
{ id: "m3", value: "85+", description: "Successful Launches" }
|
||||
]}
|
||||
<MetricCardThree
|
||||
title="Proven Track Record"
|
||||
description="Results that speak for themselves."
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{ id: "1", icon: Zap, title: "Reach", value: "120M+" },
|
||||
{ id: "2", icon: BarChart, title: "ROAS", value: "4.5x" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Miller", role: "CEO", company: "Vogue Trends", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg" },
|
||||
{ id: "2", name: "David Chen", role: "Founder", company: "TechStream", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg" },
|
||||
{ id: "3", name: "Emily Watson", role: "Creative Lead", company: "Urban Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-confident-businessman-glasses-speaking-beige-wall_176420-136.jpg" },
|
||||
{ id: "4", name: "Mark Roberts", role: "Director", company: "GrowthIQ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-low-angle_23-2149213172.jpg" },
|
||||
{ id: "5", name: "Julia Torres", role: "Head of Growth", company: "Peak Wellness", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-professional-sitting-office_1098-21006.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "98%", label: "Retention Rate" },
|
||||
{ value: "5M+", label: "Engagement Delivered" },
|
||||
{ value: "Top 1%", label: "Client Satisfaction" }
|
||||
]}
|
||||
<TestimonialCardTwo
|
||||
title="Trusted by Visionaries"
|
||||
description="What our clients are saying about our strategic creative approach."
|
||||
description="Client stories of success."
|
||||
textboxLayout="split"
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Miller", role: "CEO", testimonial: "The best agency we have worked with." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "How long until we see results?", content: "Our strategies usually yield measurable traction within the first 30-45 days of active deployment." },
|
||||
{ id: "f2", title: "Do you handle content production?", content: "Yes, our team manages everything from ideation to high-end content production and distribution." },
|
||||
{ id: "f3", title: "Is your agency suitable for startups?", content: "We work with brands at all stages, as long as they are ready for premium strategic growth." }
|
||||
]}
|
||||
<FaqSplitMedia
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers to help you get started."
|
||||
description="Everything you need to know."
|
||||
faqs={[
|
||||
{ id: "1", title: "How fast can we see results?", content: "Usually within 30-45 days." }
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="split"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="START YOUR JOURNEY"
|
||||
title="Ready to Scale Your Brand?"
|
||||
description="Let's discuss how we can elevate your social presence."
|
||||
imageSrc="http://img.b2bpic.net/free-vector/elegant-black-background-with-shiny-light_361591-1766.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="dark minimal abstract footer"
|
||||
<ContactSplitForm
|
||||
title="Ready to Scale?"
|
||||
description="Let's elevate your brand together."
|
||||
inputs={[
|
||||
{ name: "email", type: "email", placeholder: "Email Address" },
|
||||
{ name: "name", type: "text", placeholder: "Your Name" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-vector/wave-vector-abstract-background-flat-design-stock-illustration-vector-illustration_1142-14398.jpg"
|
||||
<FooterCard
|
||||
logoText="Vantage Social"
|
||||
columns={[
|
||||
{ title: "Agency", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2025 Vantage Social"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user