From a0dd098a10392b6f1909b5718302383bbcacd9c4 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 26 Mar 2026 15:05:14 +0000
Subject: [PATCH] Update src/app/products/page.tsx

---
 src/app/products/page.tsx | 423 ++++++--------------------------------
 1 file changed, 66 insertions(+), 357 deletions(-)

diff --git a/src/app/products/page.tsx b/src/app/products/page.tsx
index 8e326e9..cbaec1d 100644
--- a/src/app/products/page.tsx
+++ b/src/app/products/page.tsx
@@ -2,13 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import { Check } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -25,360 +21,73 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "home",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Mattresses",
-          id: "mattresses",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
-      ]}
-      brandName="Sealy Almaty"
-      button={{
-        text: "Contact Us",
-        href: "/contact",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "#about" },
+              { name: "Features", id: "#features" },
+              { name: "Mattresses", id: "/products" },
+              { name: "Testimonials", id: "#testimonials" },
+              { name: "FAQ", id: "/contact#faq-contact" },
+              { name: "Contact", id: "/contact" }
+            ]}
+            brandName="Sealy Almaty"
+            button={{ text: "Contact Us", href: "/contact" }}
+          />
+        </div>
 
-  <div id="product-catalog" data-section="product-catalog">
-      <ProductCatalog
-      layout="section"
-      products={[
-        {
-          id: "1",
-          category: "Posturepedic",
-          name: "Sealy Posturepedic Essential",
-          price: "$599",
-          rating: 4.8,
-          reviewCount: "87 reviews",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-lying-bed-early-morning_176420-3616.jpg?_wi=2",
-          imageAlt: "sealy posturepedic mattress close up",
-        },
-        {
-          id: "2",
-          category: "Hybrid",
-          name: "Sealy Hybrid Premier",
-          price: "$999",
-          rating: 4.9,
-          reviewCount: "120 reviews",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-happy-woman-laying-bed_23-2148769327.jpg?_wi=2",
-          imageAlt: "sealy hybrid mattress studio shot",
-        },
-        {
-          id: "3",
-          category: "Response",
-          name: "Sealy Response Performance",
-          price: "$749",
-          rating: 4.7,
-          reviewCount: "65 reviews",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-child-playing-his-room_23-2149208173.jpg?_wi=2",
-          imageAlt: "sealy response mattress comfortable",
-        },
-        {
-          id: "4",
-          category: "Luxury",
-          name: "Sealy Crown Jewel",
-          price: "$1499",
-          rating: 5,
-          reviewCount: "45 reviews",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-korean-girl-stretching-hands-lying-bed-mornings-bedroom-with-luxurious-hotel-interio_1258-138822.jpg?_wi=2",
-          imageAlt: "luxurious white mattress bedroom natural light",
-        },
-      ]}
-      searchPlaceholder="Search for your perfect mattress..."
-      filters={[
-        {
-          label: "Type",
-          options: [
-            "All",
-            "Posturepedic",
-            "Hybrid",
-            "Response",
-            "Luxury",
-          ],
-          selected: "All",
-        },
-        {
-          label: "Firmness",
-          options: [
-            "All",
-            "Plush",
-            "Medium",
-            "Firm",
-          ],
-          selected: "All",
-        },
-        {
-          label: "Size",
-          options: [
-            "All",
-            "Twin",
-            "Full",
-            "Queen",
-            "King",
-          ],
-          selected: "All",
-        },
-      ]}
-    />
-  </div>
+        <div id="mattresses" data-section="mattresses">
+          <ProductCardFour
+            title="Our Premium Mattress Collection"
+            description="Explore a diverse range of Sealy mattresses, each designed with unique features and comfort levels to cater to different sleep preferences and needs."
+            products={[
+              {
+                id: "sealy-posturepedic-plus",                name: "Sealy Posturepedic Plus",                price: "Starts from ₸450,000",                variant: "Firm, Plush, or Hybrid",                imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-lying-bed-early-morning_176420-3616.jpg",                imageAlt: "Sealy Posturepedic Plus mattress"
+              },
+              {
+                id: "sealy-hybrid-performance",                name: "Sealy Hybrid Performance",                price: "Starts from ₸580,000",                variant: "Medium-Firm, Cooling Gel",                imageSrc: "http://img.b2bpic.net/free-photo/full-shot-happy-woman-laying-bed_23-2148769327.jpg",                imageAlt: "Sealy Hybrid Performance mattress"
+              },
+              {
+                id: "sealy-response-essential",                name: "Sealy Response Essential",                price: "Starts from ₸320,000",                variant: "Plush, Cushion Firm",                imageSrc: "http://img.b2bpic.net/free-photo/close-up-child-playing-his-room_23-2149208173.jpg",                imageAlt: "Sealy Response Essential mattress"
+              }
+            ]}
+            gridVariant="three-columns-all-equal-width"
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="features-technology" data-section="features-technology">
-      <FeatureCardTen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "1",
-          title: "Posturepedic Technology",
-          description: "Developed in collaboration with orthopaedic surgeons, Posturepedic Technology delivers targeted support and adaptive comfort precisely where your body needs it most, ensuring proper spinal alignment.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-vector/fracture-bone-banners_1284-13969.jpg?_wi=2",
-            imageAlt: "orthopedic support spine icon",
-          },
-          items: [
-            {
-              icon: Check,
-              text: "Targeted back and core support",
-            },
-            {
-              icon: Check,
-              text: "Pressure relief zones for joints",
-            },
-            {
-              icon: Check,
-              text: "Enhanced durability for longevity",
-            },
-          ],
-          reverse: false,
-        },
-        {
-          id: "2",
-          title: "Advanced Cooling System",
-          description: "Experience a consistently cooler, more comfortable sleep environment with our innovative cooling materials that actively dissipate heat and promote airflow throughout the night, preventing overheating.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-vector/mattress-layers-material-poster_1284-25415.jpg?_wi=2",
-            imageAlt: "cooling gel mattress technology icon",
-          },
-          items: [
-            {
-              icon: Check,
-              text: "Breathable, cool-to-the-touch fabrics",
-            },
-            {
-              icon: Check,
-              text: "Responsive gel memory foam layers",
-            },
-            {
-              icon: Check,
-              text: "Strategically designed airflow channels",
-            },
-          ],
-          reverse: true,
-        },
-        {
-          id: "3",
-          title: "Durable Support Systems",
-          description: "Our mattresses feature robust and resilient support systems designed to provide lasting comfort and prevent sagging, ensuring your mattress maintains its integrity for years to come.",
-          media: {
-            imageSrc: "http://img.b2bpic.net/free-vector/flat-design-first-class-stamp-collection_23-2149752775.jpg?_wi=2",
-            imageAlt: "durable mattress spring system icon",
-          },
-          items: [
-            {
-              icon: Check,
-              text: "High-density foam encasement",
-            },
-            {
-              icon: Check,
-              text: "Individually wrapped coils",
-            },
-            {
-              icon: Check,
-              text: "Reinforced edge support",
-            },
-          ],
-          reverse: false,
-        },
-      ]}
-      title="Advanced Sleep Technology for Superior Comfort"
-      description="Sealy mattresses are meticulously engineered with cutting-edge innovations to provide you with the ultimate sleep experience every single night."
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Ayana K.",
-          role: "Hotel Manager",
-          company: "Almaty Luxury Hotels",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-female-face-looking-camera_1262-2974.jpg?_wi=2",
-          imageAlt: "happy kazakh woman portrait smiling",
-        },
-        {
-          id: "2",
-          name: "Bekzat S.",
-          role: "Chiropractor",
-          company: "Comfort Homes KZ",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21369.jpg?_wi=2",
-          imageAlt: "happy kazakh man portrait smiling",
-        },
-        {
-          id: "3",
-          name: "Dina & Timur",
-          role: "Homeowners",
-          company: "Satisfied Couple",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/trans-couple-spending-quality-time-together_23-2149344341.jpg?_wi=2",
-          imageAlt: "young kazakh couple smiling portrait",
-        },
-        {
-          id: "4",
-          name: "Gulnara R.",
-          role: "Retired Educator",
-          company: "Almaty Resident",
-          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-with-laptop_23-2150384888.jpg?_wi=2",
-          imageAlt: "older kazakh woman portrait gentle smile",
-        },
-        {
-          id: "5",
-          name: "Nurlan M.",
-          role: "Entrepreneur",
-          company: "Startup Founder",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-friends-having-great-time-together_23-2149286495.jpg?_wi=2",
-          imageAlt: "young kazakh man casual portrait",
-        },
-      ]}
-      title="Hear From Our Happy Sleepers in Almaty"
-      description="Discover why countless customers in Almaty trust Sealy for their sleep needs and experience unparalleled comfort and support."
-    />
-  </div>
-
-  <div id="call-to-action-visit" data-section="call-to-action-visit">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
-      tag="Ready for Better Sleep?"
-      title="Visit Our Showroom in Almaty Today"
-      description="Experience the legendary Sealy difference firsthand. Our knowledgeable sleep experts are ready to guide you to your ideal mattress for unrivaled comfort."
-      buttons={[
-        {
-          text: "Locate Our Store",
-          href: "/contact",
-        },
-        {
-          text: "Contact Our Experts",
-          href: "/contact",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Products",
-          items: [
-            {
-              label: "Posturepedic",
-              href: "/products#posturepedic",
-            },
-            {
-              label: "Hybrid",
-              href: "/products#hybrid",
-            },
-            {
-              label: "Response",
-              href: "/products#response",
-            },
-            {
-              label: "Accessories",
-              href: "/accessories",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "/about",
-            },
-            {
-              label: "Our Story",
-              href: "/about#story",
-            },
-            {
-              label: "Sustainability",
-              href: "/sustainability",
-            },
-            {
-              label: "Careers",
-              href: "/careers",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "FAQ",
-              href: "/faq",
-            },
-            {
-              label: "Contact Us",
-              href: "/contact",
-            },
-            {
-              label: "Warranty Info",
-              href: "/warranty",
-            },
-            {
-              label: "Delivery",
-              href: "/delivery",
-            },
-          ],
-        },
-      ]}
-      logoText="Sealy Almaty"
-      copyrightText="© 2024 Sealy Almaty. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              {
+                title: "Quick Links",                items: [
+                  { label: "Home", href: "/" },
+                  { label: "Mattresses", href: "/products" },
+                  { label: "Features", href: "#features" },
+                  { label: "Testimonials", href: "#testimonials" }
+                ]
+              },
+              {
+                title: "Company",                items: [
+                  { label: "About Us", href: "#about" },
+                  { label: "FAQ", href: "/contact#faq-contact" },
+                  { label: "Contact Us", href: "/contact" }
+                ]
+              },
+              {
+                title: "Legal",                items: [
+                  { label: "Privacy Policy", href: "#" },
+                  { label: "Terms of Service", href: "#" }
+                ]
+              }
+            ]}
+            logoText="Sealy Almaty"
+            copyrightText="© 2024 Sealy Almaty. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1