Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,13 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
+import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
-import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
+import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
-import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import SplitAbout from '@/components/sections/about/SplitAbout';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 
 export default function LandingPage() {
   return (
@@ -16,306 +17,119 @@ export default function LandingPage() {
         defaultButtonVariant="shift-hover"
         defaultTextAnimation="reveal-blur"
         borderRadius="rounded"
-        contentWidth="small"
+        contentWidth="mediumSmall"
-        sizing="largeSmallSizeLargeTitles"
+        sizing="largeSizeMediumTitles"
-        background="blurBottom"
+        background="noiseDiagonalGradient"
-        cardStyle="solid"
+        cardStyle="glass-elevated"
-        primaryButtonStyle="diagonal-gradient"
+        primaryButtonStyle="primary-glow"
-        secondaryButtonStyle="layered"
+        secondaryButtonStyle="glass"
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+        <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
+            <NavbarLayoutFloatingInline
-      navItems={[
+              navItems={[
-        {
+                { name: "Home", id: "hero" },
-          name: "Home",
+                { name: "About", id: "about" },
-          id: "hero",
+                { name: "Services", id: "features" },
-        },
+                { name: "Testimonials", id: "testimonials" },
-        {
+                { name: "Contact", id: "contact" },
-          name: "About",
+              ]}
-          id: "about",
+              brandName="Boardwalk"
-        },
+              button={{ text: "Get Started", href: "#contact" }}
-        {
+            />
-          name: "Services",
+        </div>
-          id: "features",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Boardwalk Business Services"
-    />
-  </div>
 
-  <div id="hero" data-section="hero">
+        <div id="hero" data-section="hero">
-      <HeroSplitTestimonial
+            <HeroSplitDualMedia
-      background={{
+              background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
+              title="Trust-Driven Business Solutions"
-      }}
+              description="Boardwalk Business Services LLC empowers organizations through transparent, expert-led consulting and operational excellence, building foundations for sustainable growth."
-      title="Business Services, Simplified."
+              tag="Strategic Partnership"
-      description="Boardwalk Business Services LLC provides expert strategic guidance, financial management, and operational efficiency to help your business thrive on the coast and beyond."
+              rating={5}
-      testimonials={[
+              ratingText="Trusted by 100+ Industry Leaders"
-        {
+              mediaItems={[
-          name: "Sarah Miller",
+                { imageSrc: "http://img.b2bpic.net/free-photo/workplace-with-laptop-glasses-coffee_23-2147830082.jpg?_wi=1" },
-          handle: "@smiller",
+                { imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-business-team-working_23-2149153838.jpg?_wi=1" }
-          testimonial: "Boardwalk completely transformed our operational efficiency.",
+              ]}
-          rating: 5,
+              buttons={[{ text: "Explore Services", href: "#features" }]}
-          imageSrc: "http://img.b2bpic.net/free-photo/workplace-with-laptop-glasses-coffee_23-2147830082.jpg?_wi=1",
+            />
-          imageAlt: "modern business office view",
+        </div>
-        },
-        {
-          name: "John Doe",
-          handle: "@jdoe",
-          testimonial: "Exceptional financial strategy, exactly what we needed.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-business-team-working_23-2149153838.jpg?_wi=1",
-          imageAlt: "business team meeting professional",
-        },
-        {
-          name: "Elena Rodriguez",
-          handle: "@erod",
-          testimonial: "The best consulting partner we have ever worked with.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-with-light-bulb-icon-having-conversation-with-her-partner_23-2147826603.jpg?_wi=1",
-          imageAlt: "business strategy icon",
-        },
-        {
-          name: "Mark Stevens",
-          handle: "@mstevens",
-          testimonial: "Professional, reliable, and results-oriented.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/business-achievement-progress-develpoment-cogwheel-concept_53876-64990.jpg?_wi=1",
-          imageAlt: "financial management icon",
-        },
-        {
-          name: "Alice Wang",
-          handle: "@awang",
-          testimonial: "A game-changer for our small business growth.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-vector/seo-search-engine-optimization-doodle-icons_107791-9646.jpg?_wi=1",
-          imageAlt: "operations management icon",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/workplace-with-laptop-glasses-coffee_23-2147830082.jpg?_wi=2"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/confident-young-businesswoman-with-folded-arms_1262-1775.jpg",
-          alt: "Sarah Miller",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
-          alt: "John Doe",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-portrait-frowning-angry-bearded-man_171337-4237.jpg",
-          alt: "Elena Rodriguez",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-bearded-man_171337-4228.jpg",
-          alt: "Mark Stevens",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
-          alt: "Alice Wang",
-        },
-      ]}
-      avatarText="Trusted by 100+ industry leaders"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Strategic Growth",
-        },
-        {
-          type: "text",
-          text: "Financial Precision",
-        },
-        {
-          type: "text",
-          text: "Operational Efficiency",
-        },
-        {
-          type: "text",
-          text: "Coastal Excellence",
-        },
-        {
-          type: "text",
-          text: "Sustainable Scaling",
-        },
-      ]}
-    />
-  </div>
 
-  <div id="about" data-section="about">
+        <div id="socialProof" data-section="socialProof">
-      <MetricSplitMediaAbout
+          <SocialProofOne 
-      useInvertedBackground={false}
+            names={["Industry Partners", "Coastal Ventures", "Global Growth", "Financial Trust"]}
-      title="Dedicated to Your Success"
+            title="Proven Track Record of Excellence"
-      description="With years of experience, our team specializes in bridging the gap between business goals and operational reality, ensuring long-term sustainability and growth."
+            description="Trusted by leaders in business"
-      metrics={[
+            textboxLayout="default"
-        {
+            useInvertedBackground={false}
-          value: "100+",
+          />
-          title: "Clients Served",
+        </div>
-        },
-        {
-          value: "15+",
-          title: "Years Experience",
-        },
-        {
-          value: "95%",
-          title: "Retention Rate",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-young-business-team-working_23-2149153838.jpg?_wi=2"
-      mediaAnimation="blur-reveal"
-      metricsAnimation="slide-up"
-    />
-  </div>
 
-  <div id="features" data-section="features">
+        <div id="about" data-section="about">
-      <FeatureCardTwentyThree
+            <SplitAbout
-      animationType="slide-up"
+              title="Our Commitment to Transparency"
-      textboxLayout="split"
+              description="We believe that trust is the foundation of every successful business relationship. Boardwalk integrates deep industry insight with clear, actionable strategy."
-      useInvertedBackground={true}
+              bulletPoints={[
-      features={[
+                { title: "Full Integrity", description: "Honest, direct communication at every step." },
-        {
+                { title: "Strategic Alignment", description: "Your goals are our primary objective." },
-          id: "f1",
+                { title: "Coastal Heritage", description: "Building strong businesses in local and global markets." }
-          title: "Strategic Consulting",
+              ]}
-          tags: [
+              textboxLayout="split"
-            "Growth",
+              useInvertedBackground={false}
-            "Planning",
+            />
-          ],
+        </div>
-          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-with-light-bulb-icon-having-conversation-with-her-partner_23-2147826603.jpg?_wi=2",
-        },
-        {
-          id: "f2",
-          title: "Financial Management",
-          tags: [
-            "Finance",
-            "Budgeting",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/business-achievement-progress-develpoment-cogwheel-concept_53876-64990.jpg?_wi=2",
-        },
-        {
-          id: "f3",
-          title: "Operations Efficiency",
-          tags: [
-            "Efficiency",
-            "Process",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-vector/seo-search-engine-optimization-doodle-icons_107791-9646.jpg?_wi=2",
-        },
-      ]}
-      title="Core Services"
-      description="Tailored solutions for your business needs."
-    />
-  </div>
 
-  <div id="testimonials" data-section="testimonials">
+        <div id="features" data-section="features">
-      <TestimonialCardSix
+            <FeatureCardTwentySeven
-      animationType="slide-up"
+              animationType="blur-reveal"
-      textboxLayout="split"
+              title="Core Capabilities"
-      useInvertedBackground={false}
+              description="Professional services designed to optimize your operations and elevate your strategic positioning."
-      testimonials={[
+              textboxLayout="split"
-        {
+              useInvertedBackground={true}
-          id: "t1",
+              features={[
-          name: "Sarah Miller",
+                { id: "s1", title: "Business Strategy", descriptions: ["Long-term planning", "Competitive market analysis"] },
-          handle: "@smiller",
+                { id: "s2", title: "Operational Audits", descriptions: ["Process refinement", "Efficiency improvement"] },
-          testimonial: "Excellent service.",
+                { id: "s3", title: "Financial Guidance", descriptions: ["Resource allocation", "Capital management"] }
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-young-businesswoman-with-folded-arms_1262-1775.jpg",
+              ]}
-        },
+            />
-        {
+        </div>
-          id: "t2",
-          name: "John Doe",
-          handle: "@jdoe",
-          testimonial: "Very professional.",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
-        },
-        {
-          id: "t3",
-          name: "Elena Rodriguez",
-          handle: "@erod",
-          testimonial: "Strategic thinkers.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-frowning-angry-bearded-man_171337-4237.jpg",
-        },
-        {
-          id: "t4",
-          name: "Mark Stevens",
-          handle: "@mstevens",
-          testimonial: "Great experience.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-bearded-man_171337-4228.jpg",
-        },
-        {
-          id: "t5",
-          name: "Alice Wang",
-          handle: "@awang",
-          testimonial: "Highly recommend.",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
-        },
-      ]}
-      title="Client Feedback"
-      description="What our clients are saying about our impact."
-    />
-  </div>
 
-  <div id="contact" data-section="contact">
+        <div id="testimonials" data-section="testimonials">
-      <ContactText
+            <TestimonialCardFive
-      useInvertedBackground={false}
+              title="Client Perspectives"
-      background={{
+              description="See how we have helped our clients achieve their business goals."
-        variant: "gradient-bars",
+              textboxLayout="split"
-      }}
+              useInvertedBackground={false}
-      text="Ready to scale your business? Let's discuss how Boardwalk can support your vision."
+              testimonials={[
-      buttons={[
+                {
-        {
+                  id: "t1",                  name: "Sarah Miller",                  date: "March 2024",                  title: "Exceptional Guidance",                  quote: "Boardwalk's approach to strategic planning is unmatched.",                  tag: "Partner",                  avatarSrc: "http://img.b2bpic.net/free-photo/confident-young-businesswoman-with-folded-arms_1262-1775.jpg"
-          text: "Contact Us",
+                }
-          href: "mailto:hello@boardwalkservices.com",
+              ]}
-        },
+            />
-      ]}
+        </div>
-    />
-  </div>
 
-  <div id="footer" data-section="footer">
+        <div id="contact" data-section="contact">
-      <FooterMedia
+            <ContactSplit
-      imageSrc="http://img.b2bpic.net/free-vector/blue-background-with-3d-polygons_1017-4330.jpg"
+              tag="Get in Touch"
-      logoText="Boardwalk Business Services"
+              title="Start Your Partnership"
-      columns={[
+              description="Reach out to discuss your goals and see how we can help your business thrive."
-        {
+              background={{ variant: "gradient-bars" }}
-          title: "Company",
+              useInvertedBackground={false}
-          items: [
+            />
-            {
+        </div>
-              label: "About",
+
-              href: "#about",
+        <div id="footer" data-section="footer">
-            },
+            <FooterSimple
-            {
+              columns={[
-              label: "Contact",
+                { title: "Navigation", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }] },
-              href: "#contact",
+                { title: "Contact", items: [{ label: "Email Us", href: "mailto:hello@boardwalkservices.com" }] }
-            },
+              ]}
-          ],
+              bottomLeftText="© 2025 Boardwalk Business Services LLC"
-        },
+              bottomRightText="All Rights Reserved"
-        {
+            />
-          title: "Services",
+        </div>
-          items: [
-            {
-              label: "Consulting",
-              href: "#features",
-            },
-            {
-              label: "Finance",
-              href: "#features",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}