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,214 +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",          id: "about"},
+              { name: "Services", id: "features" },
-        {
+              { name: "Process", id: "process" },
-          name: "Services",          id: "features"},
+              { name: "Pricing", id: "pricing" },
-        {
+              { name: "Contact", id: "contact" },
-          name: "Our Team",          id: "team"},
+            ]}
-        {
+            brandName="Unlimited Experiences SA"
-          name: "Contact",          id: "contact"},
+          />
-      ]}
+        </div>
-      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",          handle: "@johndoe",          testimonial: "Exceptional expertise and unmatched professional standards.",          rating: 5,
+            background={{ variant: "sparkles-gradient" }}
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg"},
+          />
-        {
+        </div>
-          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",          description: "Expert navigation for scaling enterprise operations.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-property-engineer-searching-layout-details-laptop-office_482257-130146.jpg"},
+            features={[
-        {
+              { title: "Strategic Growth", description: "Expert navigation for scaling enterprise operations.", buttonIcon: Target },
-          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"},
+              { 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: "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: "Business Audit", description: "Detailed operational analysis for maximum efficiency", buttonIcon: Shield }
-      ]}
+            ]}
-      title="Core Services"
+          />
-      description="Comprehensive consulting services designed for high-growth enterprises."
+        </div>
-    />
-  </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",          value: "150+",          description: "Successful projects"},
+              { id: "p1", value: "01", title: "Discovery", items: ["Initial Consultation", "Requirement Mapping"] },
-        {
+              { id: "p2", value: "02", title: "Strategy", items: ["Solution Design", "Performance Metrics"] },
-          id: "m2",          value: "20+",          description: "Global industries served"},
+              { id: "p3", value: "03", title: "Execution", items: ["Deployment", "Monitoring"] }
-        {
+            ]}
-          id: "m3",          value: "98%",          description: "Client satisfaction rate"},
+          />
-      ]}
+        </div>
-      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",          tag: "Essential",          price: "$10,000",          period: "/month",          description: "Perfect for tactical business projects.",          button: {
+            plans={[
-            text: "Select Plan"},
+              { id: "p1", price: "R 50,000", name: "Essential", buttons: [{ text: "Select Plan" }], features: ["Initial Strategy", "Basic Reporting", "Email Support"] },
-          featuresTitle: "Included",          features: [
+              { id: "p2", price: "R 120,000", name: "Strategic", buttons: [{ text: "Select Plan" }], features: ["Everything in Essential", "Deep Dive Audit", "Dedicated Advisor", "Quarterly Reviews"] }
-            "Consultation",            "Monthly reporting"],
+            ]}
-        },
+          />
-        {
+        </div>
-          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",          role: "Senior Consultant",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg"},
+          />
-        {
+        </div>
-          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",          name: "Client A",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg"},
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] }
-        {
+            ]}
-          id: "2",          name: "Client B",          imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg"},
+          />
-        {
+        </div>
-          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>
   );
-}
+}