Merge version_1 into main #1
307
src/app/page.tsx
307
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
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';
|
||||
@@ -32,26 +33,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Case Studies",
|
||||
id: "cases",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Case Studies", id: "cases" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Vantage Social"
|
||||
/>
|
||||
@@ -59,33 +45,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Elevating Brands Through Digital Excellence"
|
||||
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",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-drinking-straws_23-2148133269.jpg",
|
||||
imageAlt: "Flat lay composition of drinking straws",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cloud-with-different-social-media-icons-white-background_23-2147841312.jpg",
|
||||
imageAlt: "Cloud with different social media icons over white background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jewish-hanukkah-dreidel-with-copy-space_23-2148330549.jpg",
|
||||
imageAlt: "Jewish hanukkah dreidel with copy space",
|
||||
},
|
||||
{ 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}
|
||||
@@ -109,30 +75,10 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
{ 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 }
|
||||
]}
|
||||
title="Core Expertise"
|
||||
description="Premium services tailored to amplify your digital presence and optimize your engagement metrics."
|
||||
@@ -146,42 +92,12 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
{ 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" }
|
||||
]}
|
||||
title="Selected Case Studies"
|
||||
description="Real impact, real growth, refined results."
|
||||
@@ -194,54 +110,9 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ 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" }] }
|
||||
]}
|
||||
title="Transparent Growth Tiers"
|
||||
description="Choose the level of engagement that fits your brand ambitions."
|
||||
@@ -255,21 +126,9 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
{ id: "m1", value: "120M+", description: "Total Reach Generated" },
|
||||
{ id: "m2", value: "4.5x", description: "Average ROAS Increase" },
|
||||
{ id: "m3", value: "85+", description: "Successful Launches" }
|
||||
]}
|
||||
title="Proven Track Record"
|
||||
description="Results that speak for themselves."
|
||||
@@ -282,60 +141,16 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
{ 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",
|
||||
},
|
||||
{ value: "98%", label: "Retention Rate" },
|
||||
{ value: "5M+", label: "Engagement Delivered" },
|
||||
{ value: "Top 1%", label: "Client Satisfaction" }
|
||||
]}
|
||||
title="Trusted by Visionaries"
|
||||
description="What our clients are saying about our strategic creative approach."
|
||||
@@ -347,21 +162,9 @@ export default function LandingPage() {
|
||||
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.",
|
||||
},
|
||||
{ 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." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers to help you get started."
|
||||
@@ -372,9 +175,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="START YOUR JOURNEY"
|
||||
title="Ready to Scale Your Brand?"
|
||||
description="Let's discuss how we can elevate your social presence."
|
||||
@@ -389,40 +190,12 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-vector/wave-vector-abstract-background-flat-design-stock-illustration-vector-illustration_1142-14398.jpg"
|
||||
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: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ 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: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user