Update src/app/page.tsx

Merge version_8 into main

src/app/about/page.tsx

@@ -25,7 +25,7 @@ export default function AboutPage() {
           <NavbarLayoutFloatingOverlay
             navItems={[
               { name: "Home", id: "/" },
-              { name: "Products", id: "/#products" },
+              { name: "Products", id: "/products" },
               { name: "Services", id: "/#services" },
               { name: "Contact", id: "/#contact" },
             ]}
@@ -49,7 +49,7 @@ export default function AboutPage() {
           <FooterBaseReveal
             columns={[
               { title: "Services", items: [{ label: "Roofing", href: "/#services" }, { label: "Siding", href: "/#services" }] },
-              { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/#contact" }] },
+              { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Products", href: "/products" }, { label: "Contact", href: "/#contact" }] },
             ]}
             logoText="Manufacturers Roofing & Siding"
           />

src/app/page.tsx

@@ -27,7 +27,7 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         { name: "About", id: "/about" },
-        { name: "Products", id: "/#products" },
+        { name: "Products", id: "/products" },
         { name: "Services", id: "/#services" },
         { name: "Contact", id: "/#contact" },
       ]}
@@ -38,7 +38,9 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
       background={{ variant: "plain" }}
-      title="Manufacturers Roofing & Siding"
+      title="Manufactures Roofing & Siding
+
+"
       description="Premium roofing, siding, and ventilation systems installed with manufacturer-level expertise. 25+ years of experience protecting homes in North New Jersey."
       leftCarouselItems={[
         { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-working-roof_23-2149343672.jpg", imageAlt: "House roofing" },
@@ -71,7 +73,7 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        { id: "f1", title: "Expert Knowledge", description: "Deep understanding of roofing, wall assemblies, and moisture management.", tag: "Expertise", imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-15928.jpg" },
+        { id: "f1", title: "Expert Knowledge", description: "Deep understanding of roofing, wall assemblies, and moisture management.", tag: "Expertise", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DAe4BrTfI9CrjBldicDiGfbMZB/tmp/atlas-shingles-1777898344932-3f02f492.png" },
       ]}
       title="Why Homeowners Choose Us"
       description="Expert systems, premium materials, and prompt service."
@@ -82,7 +84,7 @@ export default function LandingPage() {
       <FooterBaseReveal
       columns={[
         { title: "Services", items: [{ label: "Roofing", href: "/#services" }, { label: "Siding", href: "/#services" }] },
-        { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/#contact" }] },
+        { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Products", href: "/products" }, { label: "Contact", href: "/#contact" }] },
       ]}
       logoText="Manufacturers Roofing & Siding"
     />

src/app/products/page.tsx

@@ -0,0 +1,70 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
+
+export default function ProductsPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="elastic-effect"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="large"
+      background="noise"
+      cardStyle="glass-depth"
+      primaryButtonStyle="diagonal-gradient"
+      secondaryButtonStyle="solid"
+      headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Products", id: "/products" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Manufacturers"
+          />
+        </div>
+
+        <div id="products" data-section="products">
+          <FeatureCardTwentyEight
+            title="Atlas Shingles: Premium Roofing Systems"
+            description="Explore the technical benefits and durability specifications of our Atlas high-performance shingle lines."
+            textboxLayout="split"
+            useInvertedBackground={false}
+            animationType="slide-up"
+            features={[
+              {
+                id: "1",                category: "Technology",                title: "CORE4 Technology",                subtitle: "Unmatched Strength",                value: "Atlas shingles are engineered with CORE4 technology to provide superior impact resistance and flexibility in extreme temperatures, ensuring long-term structural integrity."
+              },
+              {
+                id: "2",                category: "Protection",                title: "3M Scotchgard™ Protector",                subtitle: "Algae Resistance",                value: "Our premium shingles feature genuine 3M Scotchgard™ to defend your roof against unsightly black streaks caused by algae, maintaining your home's curb appeal for decades."
+              },
+              {
+                id: "3",                category: "Specifications",                title: "High Wind Warranty",                subtitle: "Weather Endurance",                value: "Designed to meet the highest industry standards, these shingles provide exceptional wind uplift resistance and durability even in severe weather conditions common to North New Jersey."
+              }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Services", items: [{ label: "Roofing", href: "/" }, { label: "Siding", href: "/" }] },
+              { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Products", href: "/products" }, { label: "Contact", href: "/contact" }] },
+            ]}
+            bottomLeftText="© 2024 Manufacturers Inc."
+            bottomRightText="All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}