Merge version_2 into main

Update src/app/page.tsx
2026-04-16 13:47:04 +00:00 · 2026-04-16 13:47:01 +00:00 · 2026-04-16 13:46:36 +00:00 · 2026-04-16 13:46:33 +00:00 · 2026-04-15 17:51:40 +00:00
1 changed files with 84 additions and 109 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,18 +2,18 @@

 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 { Zap, BarChart } from 'lucide-react';
+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,133 @@ 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"
+      buttons={[{text: "Get Started"}]}
    />
  </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"
+      bulletPoints={[{title: "Strategy", description: "Data-backed growth"}, {title: "Creative", description: "High-end production"}]}
+      mediaAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
-      <FeatureCardTwentySix
+      <FeatureCardThree
+      title="Core Expertise"
+      description="Premium services tailored to amplify your digital presence."
      textboxLayout="default"
+      gridVariant="bento-grid"
+      animationType="slide-up"
      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 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="Core Expertise"
-      description="Premium services tailored to amplify your digital presence and optimize your engagement metrics."
    />
  </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" },
+        { id: "3", name: "Tech Startup", price: "300% Engagement", variant: "Case Study", imageSrc: "http://img.b2bpic.net/free-photo/data-analysis-analytics-information-report-concept_53876-121035.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"
+      useInvertedBackground={true}
+      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"
+      animationType="slide-up"
+      useInvertedBackground={false}
+      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"
+      useInvertedBackground={true}
+      testimonials={[
+        { id: "1", name: "Sarah Miller", role: "CEO", testimonial: "The best agency we have worked with." },
+        { id: "2", name: "John Doe", role: "Founder", testimonial: "Unmatched strategy and execution." }
+      ]}
    />
  </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." },
+        { id: "2", title: "What industries do you serve?", content: "We specialize in premium lifestyle brands." }
+      ]}
      faqsAnimation="slide-up"
+      textboxLayout="split"
+      useInvertedBackground={true}
    />
  </div>

  <div id="contact" data-section="contact">
-      <ContactSplit
+      <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" }
+      ]}
      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"
    />
  </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>
  );
-}
+}
Author	SHA1	Message	Date
bender	f5b373d8e5	Merge version_2 into main Merge version_2 into main	2026-04-16 13:47:04 +00:00
bender	ff8ed325c9	Update src/app/page.tsx	2026-04-16 13:47:01 +00:00
bender	b34f0ccb92	Merge version_2 into main Merge version_2 into main	2026-04-16 13:46:36 +00:00
bender	d165fcf8ff	Update src/app/page.tsx	2026-04-16 13:46:33 +00:00
bender	3706a4e939	Merge version_1 into main Merge version_1 into main	2026-04-15 17:51:40 +00:00