Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,12 +2,13 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
+import { Sparkles, BarChart3, Target, CheckCircle2 } from "lucide-react";
 import ContactText from '@/components/sections/contact/ContactText';
-import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
+import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
 import FooterCard from '@/components/sections/footer/FooterCard';
-import HeroLogo from '@/components/sections/hero/HeroLogo';
+import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import SplitAbout from '@/components/sections/about/SplitAbout';
+import AboutMetric from '@/components/sections/about/AboutMetric';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 
 export default function LandingPage() {
@@ -16,180 +17,89 @@ export default function LandingPage() {
         defaultButtonVariant="text-stagger"
         defaultTextAnimation="background-highlight"
         borderRadius="rounded"
-        contentWidth="smallMedium"
+        contentWidth="mediumLarge"
-        sizing="mediumLargeSizeLargeTitles"
+        sizing="largeSizeMediumTitles"
         background="fluid"
-        cardStyle="layered-gradient"
+        cardStyle="glass-elevated"
         primaryButtonStyle="primary-glow"
         secondaryButtonStyle="layered"
-        headingFontWeight="semibold"
+        headingFontWeight="extrabold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Process", id: "about" },
-          name: "Process",
+        { name: "Strategy", id: "features" },
-          id: "#about",
+        { name: "Results", id: "testimonials" },
-        },
-        {
-          name: "Strategy",
-          id: "#features",
-        },
-        {
-          name: "Results",
-          id: "#testimonials",
-        },
       ]}
-      button={{
+      button={{ text: "Book Strategy Call", href: "#contact" }}
-        text: "Book Strategy Call",
-        href: "#contact",
-      }}
       brandName="Hlengs.revenue"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroLogo
+      <HeroBillboardTestimonial
-      logoText="SCALE YOUR CREATIVE REVENUE"
+      title="SCALE YOUR CREATIVE REVENUE TO THE STRATOSPHERE"
-      description="I help creative strategists turn their expertise into consistent high-ticket revenue. Stop guessing, start scaling your impact."
+      description="I help elite creative strategists engineer high-ticket revenue machines. Stop relying on luck; start scaling your enterprise with precision systems."
-      buttons={[
+      background={{ variant: "sparkles-gradient" }}
-        {
+      tag="NEW: 2025 REVENUE ENGINE"
-          text: "Book Your Strategy Call",
+      buttons={[{ text: "Book Strategy Call", href: "#contact" }]}
-          href: "#contact",
-        },
-      ]}
-      buttonAnimation="slide-up"
       imageSrc="http://img.b2bpic.net/free-photo/man-portrait-with-blue-lights-visual-effects_23-2149419486.jpg"
-      imageAlt="Hlengs Strategy Expert"
+      testimonials={[
+        { name: "Alex Rivet", handle: "@alex", testimonial: "Transformed my agency revenue!", rating: 5 },
+        { name: "Sarah Chen", handle: "@sarah", testimonial: "Finally, a system that works.", rating: 5 }
+      ]}
     />
   </div>
 
   <div id="about" data-section="about">
-      <SplitAbout
+      <AboutMetric
-      textboxLayout="split"
+      title="The Strategic Advantage"
-      useInvertedBackground={false}
+      metrics={[
-      title="The Strategic Edge"
+        { icon: Target, label: "System Efficiency", value: "300%" },
-      description="True scaling isn't just about more content; it's about systems that convert. I deconstruct your current strategy to identify revenue leaks and optimize for high-impact growth."
+        { icon: BarChart3, label: "Revenue Growth", value: "10x" },
-      bulletPoints={[
+        { icon: CheckCircle2, label: "High-Ticket Conversion", value: "40%" }
-        {
-          title: "Revenue Optimization",
-          description: "Analyzing your current funnels for maximum conversion potential.",
-        },
-        {
-          title: "High-Ticket Systems",
-          description: "Building sustainable frameworks to attract premium clients.",
-        },
-        {
-          title: "Strategic Implementation",
-          description: "Direct, actionable roadmaps to scale your operations.",
-        },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/minimalist-black-white-office-desk-with-stationery_9975-133066.jpg"
+      metricsAnimation="slide-up"
-      imageAlt="Strategic growth analytics"
+      useInvertedBackground={false}
-      mediaAnimation="slide-up"
     />
   </div>
 
   <div id="features" data-section="features">
-      <FeatureCardTwentyEight
+      <FeatureCardEight
-      animationType="slide-up"
+      title="Core Systems for Revenue"
-      textboxLayout="default"
+      description="Proven systems to scale your creative agency's revenue model."
-      useInvertedBackground={false}
+      textboxLayout="split"
       features={[
-        {
+        { title: "High-Ticket Architecture", description: "Designing offers that justify premium pricing.", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-black-white-office-desk-with-stationery_9975-133066.jpg?_wi=1" },
-          id: "1",
+        { title: "Inbound Funnel Engineering", description: "Turning traffic into high-intent discovery calls.", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-black-white-office-desk-with-stationery_9975-133066.jpg?_wi=2" }
-          title: "Funnel Design",
-          subtitle: "Architecture that converts",
-          category: "Growth",
-          value: "2x Lift",
-        },
-        {
-          id: "2",
-          title: "Client Acquisition",
-          subtitle: "Predictable premium flow",
-          category: "Systems",
-          value: "Predictable",
-        },
-        {
-          id: "3",
-          title: "Offer Engineering",
-          subtitle: "High-ticket positioning",
-          category: "Revenue",
-          value: "Max ROI",
-        },
       ]}
-      title="What We Solve"
+      useInvertedBackground={false}
-      description="Stop struggling with low-ticket volume. Implement proven systems designed for growth."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardOne
-      animationType="slide-up"
+      animationType="depth-3d"
-      textboxLayout="default"
       gridVariant="asymmetric-60-wide-40-narrow"
+      title="Results That Speak"
+      description="See what top-tier creative strategists are saying about our methodology."
+      textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", name: "Alex Rivet", role: "Strategist", company: "CreativeLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg" },
-          id: "1",
+        { id: "2", name: "Sarah Chen", role: "Consultant", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-white-scarf-headphones-around-her-neck-lookig-camera-smiling-cheerfully_141793-54936.jpg" }
-          name: "Alex Rivet",
-          role: "Strategist",
-          company: "CreativeLab",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",
-        },
-        {
-          id: "2",
-          name: "Sarah Chen",
-          role: "Consultant",
-          company: "GrowthCo",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-white-scarf-headphones-around-her-neck-lookig-camera-smiling-cheerfully_141793-54936.jpg",
-        },
-        {
-          id: "3",
-          name: "Marcus Thorne",
-          role: "Founder",
-          company: "ScaleStudio",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-with-dyed-bob-hairstyle-artistic-make-up-nose-ring-wearing-transparent-dress-black-strap-top-posing-against-blank-wall-with-copy-space-your-information_343059-4358.jpg",
-        },
-        {
-          id: "4",
-          name: "Elena Rossi",
-          role: "Designer",
-          company: "DigitalArt",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
-        },
-        {
-          id: "5",
-          name: "James Watt",
-          role: "Agency Owner",
-          company: "NextGen",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-rubbing-fingers-making-money-gesture-asking-money-standing-pink-wall_141793-29287.jpg",
-        },
       ]}
-      title="Proven Results"
-      description="Don't just take my word for it. See how we've scaled creative strategies."
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactText
+      text="Are you ready to stop guessing and start scaling? Your high-ticket roadmap starts with a single call."
+      buttons={[{ text: "Book My Discovery Call", href: "https://calendly.com/hlengs" }]}
+      background={{ variant: "sparkles-gradient" }}
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      text="Ready to scale your revenue? Book your discovery call today and let's map out your growth strategy."
-      buttons={[
-        {
-          text: "Book My Call Now",
-          href: "https://calendly.com/hlengs",
-        },
-      ]}
     />
   </div>
 
@@ -202,4 +112,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}