From 6c64ecb37508b18d7860fb64c513a4623f5c605f Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 12 May 2026 16:52:24 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 528 ++++++++++++++---------------------------------
 1 file changed, 156 insertions(+), 372 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index bf523e7..1103c7f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,386 +28,170 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Materials",
-          id: "products",
-        },
-        {
-          name: "Portfolio",
-          id: "portfolio",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Rocantera"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Materials", id: "products" },
+              { name: "Portfolio", id: "portfolio" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Rocantera"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplit
-      background={{
-        variant: "plain",
-      }}
-      title="Natural Stone for Luxury Spaces"
-      description="Premium cantera, marble, and architectural materials for Los Cabos."
-      buttons={[
-        {
-          text: "View Materials",
-          href: "#products",
-        },
-        {
-          text: "Contact on WhatsApp",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/front-view-wall-with-rocks_23-2148817673.jpg"
-      imageAlt="luxury villa Cabo San Lucas architecture"
-      mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/brick-wall-textures_74190-1339.jpg",
-          alt: "Brick wall textures",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/stone-wall_1136-42.jpg",
-          alt: "Stone wall",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/brick-wall-textures_1203-6680.jpg",
-          alt: "Brick wall textures",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/uneven-sandstone-tile-wall-surface_53876-74691.jpg",
-          alt: "Uneven sandstone tile for wall surface",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/photorealistic-stone-wall-surface-used-interior-design_23-2151214754.jpg",
-          alt: "Photorealistic stone wall surface used in interior design",
-        },
-      ]}
-      avatarText="Trusted by 50+ luxury architects"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Cantera Stone",
-        },
-        {
-          type: "text",
-          text: "Premium Marble",
-        },
-        {
-          type: "text",
-          text: "Architectural Cladding",
-        },
-        {
-          type: "text",
-          text: "Luxury Finishes",
-        },
-        {
-          type: "text",
-          text: "Artisanal Craft",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplit
+            background={{ variant: "plain" }}
+            title="Natural Stone for Luxury Spaces"
+            description="Premium cantera, marble, and architectural materials for Los Cabos."
+            buttons={[{ text: "View Materials", href: "#products" }, { text: "Contact on WhatsApp", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/front-view-wall-with-rocks_23-2148817673.jpg"
+            imageAlt="luxury villa Cabo San Lucas architecture"
+            mediaAnimation="blur-reveal"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/brick-wall-textures_74190-1339.jpg", alt: "Brick wall textures" },
+              { src: "http://img.b2bpic.net/free-photo/stone-wall_1136-42.jpg", alt: "Stone wall" },
+              { src: "http://img.b2bpic.net/free-photo/brick-wall-textures_1203-6680.jpg", alt: "Brick wall textures" },
+              { src: "http://img.b2bpic.net/free-photo/uneven-sandstone-tile-wall-surface_53876-74691.jpg", alt: "Uneven sandstone tile for wall surface" },
+              { src: "http://img.b2bpic.net/free-photo/photorealistic-stone-wall-surface-used-interior-design_23-2151214754.jpg", alt: "Photorealistic stone wall surface used in interior design" }
+            ]}
+            avatarText="Trusted by 50+ luxury architects"
+            marqueeItems={[
+              { type: "text", text: "Cantera Stone" },
+              { type: "text", text: "Premium Marble" },
+              { type: "text", text: "Architectural Cladding" },
+              { type: "text", text: "Luxury Finishes" },
+              { type: "text", text: "Artisanal Craft" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={true}
-      title="Craftsmanship Redefined"
-      description="At Rocantera, we harmonize the raw beauty of Baja with exquisite architectural precision. Our materials are sourced for architects who demand nothing less than perfection."
-      metrics={[
-        {
-          value: "20+",
-          title: "Years Experience",
-        },
-        {
-          value: "500+",
-          title: "Luxury Projects",
-        },
-        {
-          value: "100%",
-          title: "Artisan Quality",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-12801.jpg"
-      mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
-      imageAlt="artisanal stone masonry craftsmanship close up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            useInvertedBackground={true}
+            title="Craftsmanship Redefined"
+            description="At Rocantera, we harmonize the raw beauty of Baja with exquisite architectural precision. Our materials are sourced for architects who demand nothing less than perfection."
+            metrics={[
+              { value: "20+", title: "Years Experience" },
+              { value: "500+", title: "Luxury Projects" },
+              { value: "100%", title: "Artisan Quality" }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-12801.jpg"
+            mediaAnimation="slide-up"
+            metricsAnimation="slide-up"
+            imageAlt="artisanal stone masonry craftsmanship close up"
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardFour
-      textboxLayout="split-description"
-      gridVariant="bento-grid"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Cantera",
-          price: "Custom Pricing",
-          variant: "Architectural",
-          imageSrc: "http://img.b2bpic.net/free-photo/construction-hammer-indoors-still-life_23-2150563128.jpg",
-        },
-        {
-          id: "p2",
-          name: "Marble",
-          price: "Custom Pricing",
-          variant: "Premium",
-          imageSrc: "http://img.b2bpic.net/free-photo/board-with-fresh-baked-raisin-bread-placed-marble-background_114579-50217.jpg",
-        },
-        {
-          id: "p3",
-          name: "Decorative Stone",
-          price: "Custom Pricing",
-          variant: "Wall Cladding",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-14541.jpg",
-        },
-        {
-          id: "p4",
-          name: "Pool Stone",
-          price: "Custom Pricing",
-          variant: "Natural",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-outdoor-swimming-pool-resort-hotel-leisure-relax_74190-14107.jpg",
-        },
-        {
-          id: "p5",
-          name: "Landscaping",
-          price: "Custom Pricing",
-          variant: "Outdoor",
-          imageSrc: "http://img.b2bpic.net/free-photo/stained-texture-with-beige-color-background_24837-658.jpg",
-        },
-        {
-          id: "p6",
-          name: "Custom Cuts",
-          price: "Custom Pricing",
-          variant: "Bespoke",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-wall_23-2148106977.jpg",
-        },
-      ]}
-      title="Our Materials"
-      description="From natural cantera to luxury marble, explore our curated selection of stone."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardFour
+            textboxLayout="split-description"
+            gridVariant="bento-grid"
+            useInvertedBackground={false}
+            animationType="slide-up"
+            products={[
+              { id: "p1", name: "Cantera", price: "Custom Pricing", variant: "Architectural", imageSrc: "http://img.b2bpic.net/free-photo/construction-hammer-indoors-still-life_23-2150563128.jpg" },
+              { id: "p2", name: "Marble", price: "Custom Pricing", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/board-with-fresh-baked-raisin-bread-placed-marble-background_114579-50217.jpg" },
+              { id: "p3", name: "Decorative Stone", price: "Custom Pricing", variant: "Wall Cladding", imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-14541.jpg" },
+              { id: "p4", name: "Pool Stone", price: "Custom Pricing", variant: "Natural", imageSrc: "http://img.b2bpic.net/free-photo/top-view-outdoor-swimming-pool-resort-hotel-leisure-relax_74190-14107.jpg" },
+              { id: "p5", name: "Landscaping", price: "Custom Pricing", variant: "Outdoor", imageSrc: "http://img.b2bpic.net/free-photo/stained-texture-with-beige-color-background_24837-658.jpg" },
+              { id: "p6", name: "Custom Cuts", price: "Custom Pricing", variant: "Bespoke", imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-wall_23-2148106977.jpg" }
+            ]}
+            title="Our Materials"
+            description="From natural cantera to luxury marble, explore our curated selection of stone."
+          />
+        </div>
 
-  <div id="portfolio" data-section="portfolio">
-      <FeatureCardTwentyThree
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        {
-          id: "f1",
-          title: "Villa Resort, Chileno Bay",
-          tags: [
-            "Marble",
-            "Cladding",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-around-outdoor-swimming-pool-resort-hotel-vacation-leisure_74190-14754.jpg",
-        },
-        {
-          id: "f2",
-          title: "Oceanfront Estate",
-          tags: [
-            "Cantera",
-            "Pool",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/amazing-view-luxury-hotel-with-cloudy-sky-bodrum-turkey_627829-7114.jpg",
-        },
-        {
-          id: "f3",
-          title: "Luxury Boutique Hotel",
-          tags: [
-            "Marble",
-            "Outdoor",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418574.jpg",
-        },
-      ]}
-      title="Selected Projects"
-      description="Where vision meets natural stone."
-    />
-  </div>
+        <div id="portfolio" data-section="portfolio">
+          <FeatureCardTwentyThree
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            features={[
+              { id: "f1", title: "Villa Resort, Chileno Bay", tags: ["Marble", "Cladding"], imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-around-outdoor-swimming-pool-resort-hotel-vacation-leisure_74190-14754.jpg" },
+              { id: "f2", title: "Oceanfront Estate", tags: ["Cantera", "Pool"], imageSrc: "http://img.b2bpic.net/free-photo/amazing-view-luxury-hotel-with-cloudy-sky-bodrum-turkey_627829-7114.jpg" },
+              { id: "f3", title: "Luxury Boutique Hotel", tags: ["Marble", "Outdoor"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418574.jpg" }
+            ]}
+            title="Selected Projects"
+            description="Where vision meets natural stone."
+          />
+        </div>
 
-  <div id="why-us" data-section="why-us">
-      <MetricCardOne
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="bento-grid"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "Premium",
-          title: "Materials",
-          description: "Hand-selected slabs.",
-          icon: Shield,
-        },
-        {
-          id: "m2",
-          value: "Local",
-          title: "Expertise",
-          description: "Deep Baja roots.",
-          icon: Award,
-        },
-        {
-          id: "m3",
-          value: "Fast",
-          title: "Delivery",
-          description: "On-time project completion.",
-          icon: Zap,
-        },
-      ]}
-      title="The Rocantera Edge"
-      description="Excellence built into every layer."
-    />
-  </div>
+        <div id="why-us" data-section="why-us">
+          <MetricCardOne
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="bento-grid"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "Premium", title: "Materials", description: "Hand-selected slabs.", icon: Shield },
+              { id: "m2", value: "Local", title: "Expertise", description: "Deep Baja roots.", icon: Award },
+              { id: "m3", value: "Fast", title: "Delivery", description: "On-time project completion.", icon: Zap }
+            ]}
+            title="The Rocantera Edge"
+            description="Excellence built into every layer."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      textboxLayout="split"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah Johnson",
-          role: "Lead Architect",
-          company: "Studio Los Cabos",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797713.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael Chen",
-          role: "Developer",
-          company: "Cabo Resorts Group",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797704.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily Rodriguez",
-          role: "Designer",
-          company: "Luxury Interiors",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-showing-architectural-plans-with-copy-space_23-2148243013.jpg",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          role: "Contractor",
-          company: "Baja Construction",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821376.jpg",
-        },
-        {
-          id: "5",
-          name: "Sofia Vega",
-          role: "Designer",
-          company: "Villa Designs",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/mature-architect-posing-camera_23-2148242990.jpg",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "100%",
-          label: "Client Satisfaction",
-        },
-        {
-          value: "500+",
-          label: "Stone Projects",
-        },
-        {
-          value: "20",
-          label: "Years Trust",
-        },
-      ]}
-      title="Architect Perspectives"
-      description="Client success stories."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSixteen
+            textboxLayout="split"
+            useInvertedBackground={true}
+            animationType="slide-up"
+            testimonials={[
+              { id: "1", name: "Sarah Johnson", role: "Lead Architect", company: "Studio Los Cabos", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797713.jpg" },
+              { id: "2", name: "Michael Chen", role: "Developer", company: "Cabo Resorts Group", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797704.jpg" },
+              { id: "3", name: "Emily Rodriguez", role: "Designer", company: "Luxury Interiors", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-showing-architectural-plans-with-copy-space_23-2148243013.jpg" },
+              { id: "4", name: "David Kim", role: "Contractor", company: "Baja Construction", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821376.jpg" },
+              { id: "5", name: "Sofia Vega", role: "Designer", company: "Villa Designs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mature-architect-posing-camera_23-2148242990.jpg" }
+            ]}
+            kpiItems={[
+              { value: "100%", label: "Client Satisfaction" },
+              { value: "500+", label: "Stone Projects" },
+              { value: "20", label: "Years Trust" }
+            ]}
+            title="Architect Perspectives"
+            description="Client success stories."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Start Your Project"
-      description="Ready to bring the beauty of Cabo natural stone into your space? WhatsApp us for a fast quote."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Full Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email Address",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Describe your project...",
-        rows: 4,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/alluring-town-alberobello-with-trulli-houses-green-plants-flowers-main-touristic-district-apulia-region-southern-italy-typical-buildings-built-with-dry-stone-walls-conical-roofs_639032-809.jpg"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Start Your Project"
+            description="Ready to bring the beauty of Cabo natural stone into your space? WhatsApp us for a fast quote."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Full Name", required: true },
+              { name: "email", type: "email", placeholder: "Email Address", required: true }
+            ]}
+            textarea={{ name: "message", placeholder: "Describe your project...", rows: 4 }}
+            imageSrc="http://img.b2bpic.net/free-photo/alluring-town-alberobello-with-trulli-houses-green-plants-flowers-main-touristic-district-apulia-region-southern-italy-typical-buildings-built-with-dry-stone-walls-conical-roofs_639032-809.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "San José del Cabo",
-              href: "#",
-            },
-            {
-              label: "Cabo San Lucas",
-              href: "#",
-            },
-            {
-              label: "Todos Santos",
-              href: "#",
-            },
-            {
-              label: "La Paz",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "WhatsApp",
-              href: "https://wa.me/526241234567",
-            },
-            {
-              label: "Phone: +52 624 123 4567",
-              href: "tel:+526241234567",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 Rocantera Piedra Natural."
-      bottomRightText="Luxury Stone Cabo"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              {
+                title: "Services",                items: [
+                  { label: "San José del Cabo", href: "#" },
+                  { label: "Cabo San Lucas", href: "#" },
+                  { label: "Todos Santos", href: "#" },
+                  { label: "La Paz", href: "#" }
+                ]
+              },
+              {
+                title: "Contact",                items: [
+                  { label: "WhatsApp", href: "https://wa.me/526241234567" },
+                  { label: "Phone: +52 624 123 4567", href: "tel:+526241234567" }
+                ]
+              }
+            ]}
+            bottomLeftText="© 2024 Rocantera Piedra Natural."
+            bottomRightText="Luxury Stone Cabo"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1