Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,17 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
+import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
-import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
+import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
-import TeamCardSix from '@/components/sections/team/TeamCardSix';
+import AboutMetric from '@/components/sections/about/AboutMetric';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
+import { Zap, Target, Shield, Users, BarChart3 } from "lucide-react";
-import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
-import { Shield } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -26,326 +24,110 @@ export default function LandingPage() {
         cardStyle="subtle-shadow"
         primaryButtonStyle="shadow"
         secondaryButtonStyle="layered"
-        headingFontWeight="normal"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+        <div id="nav" data-section="nav">
-      <NavbarStyleApple
+          <NavbarStyleApple
-      navItems={[
+            navItems={[
-        {
+              { name: "About", id: "about" },
-          name: "About",
+              { name: "Services", id: "features" },
-          id: "about",
+              { name: "Process", id: "process" },
-        },
+              { name: "Pricing", id: "pricing" },
-        {
+              { name: "Contact", id: "contact" },
-          name: "Services",
+            ]}
-          id: "features",
+            brandName="Unlimited Experiences SA"
-        },
+          />
-        {
+        </div>
-          name: "Our Team",
-          id: "team",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Unlimited Experiences SA"
-    />
-  </div>
 
-  <div id="hero" data-section="hero">
+        <div id="hero" data-section="hero">
-      <HeroOverlayTestimonial
+          <HeroBillboard
-      title="Unlimited Experiences SA: Driving Excellence"
+            title="Unlimited Experiences SA: Driving Excellence"
-      description="Your premier partner for strategic consulting and innovative business solutions. We deliver results that transform your business landscape."
+            description="Your premier partner for strategic consulting and innovative business solutions. We deliver results that transform your business landscape."
-      testimonials={[
+            buttons={[{ text: "Get Started", href: "#contact" }]}
-        {
+            imageSrc="http://img.b2bpic.net/free-photo/couple-business-colleagues-partners-starting-meeting-conference-room-standing-table-using-laptop-together-wide-shot-business-communication-concept_74855-11645.jpg"
-          name: "John Doe",
+            background={{ variant: "sparkles-gradient" }}
-          handle: "@johndoe",
+          />
-          testimonial: "Exceptional expertise and unmatched professional standards.",
+        </div>
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
-        },
-        {
-          name: "Jane Smith",
-          handle: "@janesmith",
-          testimonial: "Transformed our strategic approach and boosted growth.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg",
-        },
-        {
-          name: "Marcus Chen",
-          handle: "@mchen",
-          testimonial: "Strategic clarity when we needed it most.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-outdoors-successful-business-person_23-2148763862.jpg",
-        },
-        {
-          name: "Elena Rodriguez",
-          handle: "@erodriguez",
-          testimonial: "Their insights are a game changer for our expansion.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",
-        },
-        {
-          name: "Alex Peterson",
-          handle: "@apeterson",
-          testimonial: "A truly professional and results-oriented partnership.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/couple-business-colleagues-partners-starting-meeting-conference-room-standing-table-using-laptop-together-wide-shot-business-communication-concept_74855-11645.jpg"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
-          alt: "Executive Client A",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg",
-          alt: "Executive Client B",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg",
-          alt: "Executive Client C",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/blond-businessman-surprised-expression_1194-3809.jpg",
-          alt: "Executive Client D",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
-          alt: "Executive Client E",
-        },
-      ]}
-    />
-  </div>
 
-  <div id="about" data-section="about">
+        <div id="about" data-section="about">
-      <TestimonialAboutCard
+          <AboutMetric
-      useInvertedBackground={true}
+            title="Excellence in Strategy"
-      tag="About Us"
+            metrics={[
-      title="Excellence in Strategy"
+              { icon: Target, label: "Strategy", value: "98%" },
-      description="At Unlimited Experiences SA, we believe in unlocking potential through focused, expert-led consulting."
+              { icon: Shield, label: "Integrity", value: "100%" },
-      subdescription="Our team combines industry experience with cutting-edge analytical tools to drive success."
+              { icon: Zap, label: "Innovation", value: "95%" }
-      icon={Shield}
+            ]}
-      imageSrc="http://img.b2bpic.net/free-photo/whiteboard-success-research-adult-human-office_1418-529.jpg"
+            metricsAnimation="slide-up"
-      mediaAnimation="slide-up"
+            useInvertedBackground={true}
-    />
+          />
-  </div>
+        </div>
 
-  <div id="features" data-section="features">
+        <div id="features" data-section="features">
-      <FeatureCardSix
+          <FeatureCardTwentySix
-      textboxLayout="split"
+            title="Our Services"
-      useInvertedBackground={false}
+            description="Comprehensive consulting services designed for high-growth enterprises."
-      features={[
+            textboxLayout="inline-image"
-        {
+            useInvertedBackground={false}
-          title: "Strategic Growth",
+            features={[
-          description: "Expert navigation for scaling enterprise operations.",
+              { title: "Strategic Growth", description: "Expert navigation for scaling enterprise operations.", buttonIcon: Target },
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-property-engineer-searching-layout-details-laptop-office_482257-130146.jpg",
+              { title: "Team Optimization", description: "Human-centric performance improvements and development.", buttonIcon: Users },
-        },
+              { title: "Market Strategy", description: "Global market expansion and positioning expertise.", buttonIcon: BarChart3 },
-        {
+              { title: "Business Audit", description: "Detailed operational analysis for maximum efficiency", buttonIcon: Shield }
-          title: "Team Optimization",
+            ]}
-          description: "Human-centric performance improvements and development.",
+          />
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-their-insurance-agent-using-digital-tablet-meeting_637285-11080.jpg",
+        </div>
-        },
-        {
-          title: "Global Market Strategy",
-          description: "Expansion and positioning expertise for global markets.",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-person-futuristic-business-environment_23-2150970183.jpg",
-        },
-      ]}
-      title="Core Services"
-      description="Comprehensive consulting services designed for high-growth enterprises."
-    />
-  </div>
 
-  <div id="metrics" data-section="metrics">
+        <div id="process" data-section="process">
-      <MetricCardTwo
+          <MetricCardSeven
-      animationType="slide-up"
+            title="Our Process"
-      textboxLayout="default"
+            description="A structured approach to transforming business landscapes."
-      gridVariant="uniform-all-items-equal"
+            animationType="slide-up"
-      useInvertedBackground={true}
+            textboxLayout="split-description"
-      metrics={[
+            useInvertedBackground={false}
-        {
+            metrics={[
-          id: "m1",
+              { id: "p1", value: "01", title: "Discovery", items: ["Initial Consultation", "Requirement Mapping"] },
-          value: "150+",
+              { id: "p2", value: "02", title: "Strategy", items: ["Solution Design", "Performance Metrics"] },
-          description: "Successful projects",
+              { id: "p3", value: "03", title: "Execution", items: ["Deployment", "Monitoring"] }
-        },
+            ]}
-        {
+          />
-          id: "m2",
+        </div>
-          value: "20+",
-          description: "Global industries served",
-        },
-        {
-          id: "m3",
-          value: "98%",
-          description: "Client satisfaction rate",
-        },
-      ]}
-      title="Proven Impact"
-      description="Data-driven results for every client."
-    />
-  </div>
 
-  <div id="pricing" data-section="pricing">
+        <div id="pricing" data-section="pricing">
-      <PricingCardFive
+          <PricingCardThree
-      animationType="slide-up"
+            title="Pricing Packages"
-      textboxLayout="default"
+            description="Tailored solutions for your business objectives in ZAR."
-      useInvertedBackground={false}
+            animationType="slide-up"
-      plans={[
+            textboxLayout="split-description"
-        {
+            useInvertedBackground={true}
-          id: "basic",
+            plans={[
-          tag: "Essential",
+              { id: "p1", price: "R 50,000", name: "Essential", buttons: [{ text: "Select Plan" }], features: ["Initial Strategy", "Basic Reporting", "Email Support"] },
-          price: "$10,000",
+              { id: "p2", price: "R 120,000", name: "Strategic", buttons: [{ text: "Select Plan" }], features: ["Everything in Essential", "Deep Dive Audit", "Dedicated Advisor", "Quarterly Reviews"] }
-          period: "/month",
+            ]}
-          description: "Perfect for tactical business projects.",
+          />
-          button: {
+        </div>
-            text: "Select Plan",
-          },
-          featuresTitle: "Included",
-          features: [
-            "Consultation",
-            "Monthly reporting",
-          ],
-        },
-        {
-          id: "pro",
-          tag: "Strategic",
-          price: "$25,000",
-          period: "/month",
-          description: "Comprehensive long-term strategy for growth.",
-          button: {
-            text: "Select Plan",
-          },
-          featuresTitle: "Everything in Essential Plus:",
-          features: [
-            "Direct advisor access",
-            "Bi-weekly strategy",
-          ],
-        },
-      ]}
-      title="Engage With Us"
-      description="Tailored solutions for your business objectives."
-    />
-  </div>
 
-  <div id="team" data-section="team">
+        <div id="contact" data-section="contact">
-      <TeamCardSix
+          <ContactCTA
-      animationType="slide-up"
+            tag="Get In Touch"
-      textboxLayout="split"
+            title="Start Your Unlimited Experience"
-      gridVariant="uniform-all-items-equal"
+            description="Ready to transform your business? Reach out for a discovery session."
-      useInvertedBackground={true}
+            buttons={[{ text: "Contact Us" }]}
-      members={[
+            background={{ variant: "sparkles-gradient" }}
-        {
+            useInvertedBackground={false}
-          id: "t1",
+          />
-          name: "Sarah Miller",
+        </div>
-          role: "Senior Consultant",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg",
-        },
-        {
-          id: "t2",
-          name: "David Grant",
-          role: "Market Strategist",
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
-        },
-        {
-          id: "t3",
-          name: "Emily Chen",
-          role: "Growth Director",
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17885.jpg",
-        },
-      ]}
-      title="Meet Our Experts"
-      description="Professional leadership guiding our strategic vision."
-    />
-  </div>
 
-  <div id="testimonials" data-section="testimonials">
+        <div id="footer" data-section="footer">
-      <TestimonialCardTwelve
+          <FooterBaseCard
-      useInvertedBackground={false}
+            logoText="Unlimited Experiences SA"
-      testimonials={[
+            columns={[
-        {
+              { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }] },
-          id: "1",
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] }
-          name: "Client A",
+            ]}
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg",
+          />
-        },
+        </div>
-        {
-          id: "2",
-          name: "Client B",
-          imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg",
-        },
-        {
-          id: "3",
-          name: "Client C",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-man-cheerful-walking-concept_53876-42819.jpg",
-        },
-        {
-          id: "4",
-          name: "Client D",
-          imageSrc: "http://img.b2bpic.net/free-photo/content-indian-ceo-standing-smiling-portrait-successful-pensive-bearded-businessman-glasses-posing-office-room-business-expression-management-concept_74855-11642.jpg",
-        },
-        {
-          id: "5",
-          name: "Client E",
-          imageSrc: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg",
-        },
-      ]}
-      cardTitle="Client Voices"
-      cardTag="Testimonials"
-      cardAnimation="slide-up"
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={true}
-      background={{
-        variant: "gradient-bars",
-      }}
-      tag="Contact"
-      title="Start Your Unlimited Experience"
-      description="Ready to transform your business? Reach out for a discovery session."
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Services",
-              href: "#features",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Legal",
-              href: "#",
-            },
-            {
-              label: "Privacy",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Unlimited Experiences SA"
-    />
-  </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -12,13 +12,13 @@
 
   --background: #020617;
   --card: #0f172a;
-  --foreground: #e2e8f0;
+  --foreground: #f8fafc;
-  --primary-cta: #c4d8f9;
+  --primary-cta: #3b82f6;
   --primary-cta-text: #020617;
-  --secondary-cta: #041633;
+  --secondary-cta: #1e40af;
   --secondary-cta-text: #e2e8f0;
-  --accent: #2d30f3;
+  --accent: #60a5fa;
-  --background-accent: #1d4ed8;
+  --background-accent: #1e293b;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);