Update src/app/page.tsx

Merge version_1 into main

src/app/about/page.tsx

@@ -39,6 +39,7 @@ export default function LandingPage() {
           name: "FAQ",          id: "/faq"},
         {
           name: "Contact",          id: "/contact"},
+        { name: "New Layout", id: "/new-layout" }
       ]}
       button={{
         text: "Get Free Estimate",        href: "/contact"}}

src/app/new-layout/page.tsx

@@ -0,0 +1,166 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
+import HeroLogo from '@/components/sections/hero/HeroLogo';
+import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import { CheckCircle } from "lucide-react";
+
+export default function NewLayoutPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="soft"
+        contentWidth="mediumSmall"
+        sizing="large"
+        background="noiseDiagonalGradient"
+        cardStyle="glass-depth"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="layered"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Services", id: "/services" },
+              { name: "Service Areas", id: "/areas" },
+              { name: "Reviews", id: "/reviews" },
+              { name: "FAQ", id: "/faq" },
+              { name: "Contact", id: "/contact" },
+              { name: "New Layout", id: "/new-layout" }
+            ]}
+            button={{
+              text: "Get Free Estimate",              href: "/contact"
+            }}
+            brandName="Trash Man Shawty"
+          />
+        </div>
+
+        <div id="hero-billboard-gallery" data-section="hero-billboard-gallery">
+          <HeroBillboardGallery
+            title="Showcase Your Story"
+            description="A dynamic gallery to highlight key visuals and tell your brand's narrative."
+            mediaItems={[
+              { imageSrc: "https://images.unsplash.com/photo-1579783902671-d3b19409b35b?auto=format&fit=crop&q=80&w=2070", imageAlt: "Gallery image 1" },
+              { imageSrc: "https://images.unsplash.com/photo-1544716278-ca5e3f4abdcd?auto=format&fit=crop&q=80&w=2070", imageAlt: "Gallery image 2" }
+            ]}
+            background={{ variant: "plain" }}
+            mediaAnimation="slide-up"
+          />
+        </div>
+
+        <div id="hero-split-kpi" data-section="hero-split-kpi">
+          <HeroSplitKpi
+            title="Achieve More Together"
+            description="Track your progress with key performance indicators and celebrate milestones."
+            kpis={[
+              { value: "100%", label: "Satisfaction" },
+              { value: "50+", label: "Projects" },
+              { value: "24/7", label: "Support" }
+            ]}
+            background={{ variant: "plain" }}
+            mediaAnimation="slide-up"
+            enableKpiAnimation={true}
+            imageSrc="https://images.unsplash.com/photo-1522071820081-009f0129c71c?auto=format&fit=crop&q=80&w=2070"
+            imageAlt="Team working on KPIs"
+          />
+        </div>
+
+        <div id="hero-logo" data-section="hero-logo">
+          <HeroLogo
+            logoText="Your Brand Here"
+            description="A strong brand identity starts with a memorable logo. Discover how to make yours stand out."
+            buttons={[
+              { text: "Learn More", href: "#" }
+            ]}
+            imageSrc="https://images.unsplash.com/photo-1549490161-002f2323e42f?auto=format&fit=crop&q=80&w=2070"
+            imageAlt="Brand logo illustration"
+          />
+        </div>
+
+        <div id="hero-billboard" data-section="hero-billboard">
+          <HeroBillboard
+            title="Grand Announcements"
+            description="Get your message across with a bold and impactful billboard hero section."
+            buttons={[
+              { text: "Discover", href: "#" }
+            ]}
+            background={{ variant: "plain" }}
+            imageSrc="https://images.unsplash.com/photo-1507925921958-81a1aa7b5206?auto=format&fit=crop&q=80&w=2070"
+            imageAlt="Billboard with announcement"
+          />
+        </div>
+
+        <div id="pricing" data-section="pricing">
+          <PricingCardFive
+            animationType="slide-up"
+            title="Flexible Pricing Plans"
+            description="Choose the plan that best fits your needs, from basic to enterprise solutions."
+            textboxLayout="default"
+            useInvertedBackground={false}
+            plans={[
+              {
+                id: "basic",                tag: "Basic",                tagIcon: CheckCircle,
+                price: "$9",                period: "/month",                description: "Essential features for individuals.",                button: { text: "Get Started" },
+                featuresTitle: "Includes:",                features: ["Feature A", "Feature B", "24/7 Support"]
+              },
+              {
+                id: "pro",                tag: "Pro",                tagIcon: CheckCircle,
+                price: "$29",                period: "/month",                description: "Advanced features for growing teams.",                button: { text: "Choose Pro" },
+                featuresTitle: "Includes:",                features: ["All Basic Features", "Feature C", "Feature D", "Custom Reporting"]
+              },
+              {
+                id: "enterprise",                tag: "Enterprise",                tagIcon: CheckCircle,
+                price: "Custom",                period: "",                description: "Tailored solutions for large organizations.",                button: { text: "Contact Sales" },
+                featuresTitle: "Includes:",                features: ["All Pro Features", "Dedicated Support", "Custom Integrations", "SLA Guarantees"]
+              }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-vector/cleaning-service-print-template_23-2149204194.jpg?_wi=1"
+            imageAlt="Junk removal illustration"
+            columns={[
+              {
+                title: "Services",                items: [
+                  { label: "Junk Removal", href: "/services#junk-removal" },
+                  { label: "House Cleanouts", href: "/services#house-cleanouts" },
+                  { label: "Debris Removal", href: "/services#debris-removal" },
+                  { label: "Commercial Services", href: "/services#commercial" }
+                ]
+              },
+              {
+                title: "Company",                items: [
+                  { label: "About Us", href: "/about" },
+                  { label: "Service Areas", href: "/areas" },
+                  { label: "Reviews", href: "/reviews" },
+                  { label: "FAQ", href: "/faq" }
+                ]
+              },
+              {
+                title: "Contact",                items: [
+                  { label: "Get a Free Estimate", href: "/contact" },
+                  { label: "Call Us: (478) 363-0540", href: "tel:+14783630540" },
+                  { label: "Milledgeville, GA", href: "#" },
+                  { label: "Open 24 Hours", href: "#" }
+                ]
+              }
+            ]}
+            logoText="Trash Man Shawty"
+            copyrightText="© 2024 Trash Man Shawty. All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -44,6 +44,7 @@ export default function LandingPage() {
           name: "FAQ",          id: "/faq"},
         {
           name: "Contact",          id: "/contact"},
+        { name: "New Layout", id: "/new-layout" }
       ]}
       button={{
         text: "Get Free Estimate",        href: "/contact"}}
@@ -146,7 +147,7 @@ export default function LandingPage() {
         {
           id: "4",          name: "David K.",          date: "February 2024",          title: "Best in Milledgeville!",          quote: "I've used other services, but Trash Man Shawty is by far the best in Milledgeville. They are reliable, quick, and always go above and beyond. My go-to for all junk removal.",          tag: "Local Business Owner",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-blue-shirt_23-2148548056.jpg",          avatarAlt: "David K. avatar"},
         {
-          id: "5",          name: "Jessica L.",          date: "January 2024",          title: "Highly Recommend Their Service",          quote: "They were able to accommodate my last-minute request and were incredibly thorough. The pricing was very reasonable for the quality of work. Truly impressed!",          tag: "Homeowner",          avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-young-caucasian-female-wearing-her-red-hair-bun-laughing-out-loud_273609-9260.jpg",          avatarAlt: "Jessica L. avatar"},
+          id: "5",          name: "Jessica L.",          date: "January 2024",          title: "Highly Recommend Their Service",          quote: "They were able to accommodate my last-minute request and were incredibly thorough. The pricing was very reasonable for the quality of work. Truly impressed!",          tag: "Homeowner",          avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-young-caucasian-female-wearing-her-red-hair-bun-laughing-out-loud_273609-9260.jpg",          imageAlt: "Jessica L. avatar"},
       ]}
       title="What Our Customers Say"
       description="See why homeowners and businesses in Milledgeville trust Trash Man Shawty for their junk removal needs."
@@ -225,7 +226,7 @@ export default function LandingPage() {
 
   <div id="footer" data-section="footer">
       <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-vector/cleaning-service-print-template_23-2149204194.jpg"
+      imageSrc="http://img.b2bpic.net/free-vector/cleaning-service-print-template_23-2149204194.jpg?_wi=2"
       imageAlt="Junk removal illustration"
       columns={[
         {