From d9009cbe2c184d01322b9749b3b46a31ad86ddbf Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 26 Apr 2026 01:51:58 +0000
Subject: [PATCH 1/2] Update src/app/page.tsx

---
 src/app/page.tsx | 189 +++++++++++++++++++++++------------------------
 1 file changed, 93 insertions(+), 96 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index ee6e8e6..8833af3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -25,108 +25,105 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        { name: "Home", id: "/" },
-        { name: "Menu", id: "/menu" },
-        { name: "Shop", id: "/shop" },
-        { name: "Booking", id: "/booking" }
-      ]}
-      brandName="THE PRISM"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarStyleApple
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "Shop", id: "/shop" }
+            ]}
+            brandName="THE PRISM"
+            />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboard
-      background={{ variant: "gradient-bars" }}
-      title="THE FUTURE OF GROOMING IS CLEAR."
-      description="Experience surgical precision in an environment defined by light and shadow."
-      buttons={[{ text: "Book Now", href: "/booking" }]}
-      imageSrc="http://img.b2bpic.net/free-photo/handsome-groom-dressing-up-wedding-ceremony_53876-46927.jpg"
-      mediaAnimation="blur-reveal"
-      avatars={[
-        { src: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-painting-brush_23-2149529893.jpg", alt: "Model portrait one" },
-        { src: "http://img.b2bpic.net/free-photo/hipster-style-bearded-man-white-shirt-studio-black-background_158595-1859.jpg", alt: "Model portrait two" },
-        { src: "http://img.b2bpic.net/free-photo/close-up-priest-his-lunch-time_23-2149284678.jpg", alt: "Model portrait three" },
-        { src: "http://img.b2bpic.net/free-photo/medium-shot-sensitive-man-posing-studio_23-2149518243.jpg", alt: "Model portrait four" },
-        { src: "http://img.b2bpic.net/free-photo/cosmetic-male-beauty-products-with-display_23-2150435187.jpg", alt: "Model portrait five" }
-      ]}
-      marqueeItems={[
-        { type: "text", text: "PRECISION" },
-        { type: "text", text: "MINIMALISM" },
-        { type: "text", text: "SURGICAL" },
-        { type: "text", text: "EDITORIAL" },
-        { type: "text", text: "MODERN" }
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+            <HeroBillboard
+            background={{ variant: "gradient-bars" }}
+            title="THE FUTURE OF GROOMING IS CLEAR."
+            description="Experience surgical precision in an environment defined by light and shadow."
+            buttons={[{ text: "Book Now", href: "/booking" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/handsome-groom-dressing-up-wedding-ceremony_53876-46927.jpg"
+            mediaAnimation="blur-reveal"
+            avatars={[
+                { src: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-painting-brush_23-2149529893.jpg", alt: "Model portrait one" },
+                { src: "http://img.b2bpic.net/free-photo/hipster-style-bearded-man-white-shirt-studio-black-background_158595-1859.jpg", alt: "Model portrait two" },
+                { src: "http://img.b2bpic.net/free-photo/close-up-priest-his-lunch-time_23-2149284678.jpg", alt: "Model portrait three" },
+                { src: "http://img.b2bpic.net/free-photo/medium-shot-sensitive-man-posing-studio_23-2149518243.jpg", alt: "Model portrait four" },
+                { src: "http://img.b2bpic.net/free-photo/cosmetic-male-beauty-products-with-display_23-2150435187.jpg", alt: "Model portrait five" }
+            ]}
+            marqueeItems={[
+                { type: "text", text: "PRECISION" },
+                { type: "text", text: "MINIMALISM" },
+                { type: "text", text: "SURGICAL" },
+                { type: "text", text: "EDITORIAL" },
+                { type: "text", text: "MODERN" }
+            ]}
+            />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={true}
-      title="Architectural Precision"
-      description="We treat every cut as an architectural intervention. Sterile, precise, and entirely focused on the geometry of your style."
-      metrics={[
-        { value: "100%", title: "Precision" },
-        { value: "0", title: "Chaos" }
-      ]}
-      mediaAnimation="blur-reveal"
-      metricsAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/geometric-shape-background-white-grey-studio-room-minimalist-mockup-podium-display_1258-110220.jpg"
-    />
-  </div>
+        <div id="about" data-section="about">
+            <MetricSplitMediaAbout
+            useInvertedBackground={true}
+            title="Architectural Precision"
+            description="We treat every cut as an architectural intervention. Sterile, precise, and entirely focused on the geometry of your style."
+            metrics={[
+                { value: "100%", title: "Precision" },
+                { value: "0", title: "Chaos" }
+            ]}
+            mediaAnimation="blur-reveal"
+            metricsAnimation="slide-up"
+            imageSrc="http://img.b2bpic.net/free-photo/geometric-shape-background-white-grey-studio-room-minimalist-mockup-podium-display_1258-110220.jpg"
+            />
+        </div>
 
-  <div id="socialProof" data-section="socialProof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="As Seen In"
-      description="Curated features from industry leaders."
-      names={["VOGUE", "GQ", "MONOCLE", "ARCHITECTURAL DIGEST", "THE CUT"]}
-    />
-  </div>
+        <div id="socialProof" data-section="socialProof">
+            <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="As Seen In"
+            description="Curated features from industry leaders."
+            names={["VOGUE", "GQ", "MONOCLE", "ARCHITECTURAL DIGEST", "THE CUT"]}
+            />
+        </div>
 
-  <div id="team" data-section="team">
-      <TeamCardEleven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Our Architects"
-      description="The visionaries behind your transformation."
-      groups={[
-        {
-          id: "g1",          groupTitle: "Designers",          members: [
-            { id: "m1", title: "Alex Reed", subtitle: "Director", detail: "15 years of precision." },
-            { id: "m2", title: "Sam Li", subtitle: "Specialist", detail: "Expert in geometry." }
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-dressing-up-wedding-ceremony_53876-46927.jpg",          imageAlt: "Close up on man selfcare products"
-        }
-      ]}
-    />
-  </div>
+        <div id="team" data-section="team">
+            <TeamCardEleven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Our Architects"
+            description="The visionaries behind your transformation."
+            groups={[
+                {
+                groupTitle: "Designers",                members: [
+                    { id: "m1", title: "Alex Reed", subtitle: "Director", detail: "15 years of precision." },
+                    { id: "m2", title: "Sam Li", subtitle: "Specialist", detail: "Expert in geometry." }
+                ]
+                }
+            ]}
+            />
+        </div>
 
-  <div id="legal" data-section="legal">
-      <LegalSection
-      layout="section"
-      title="Terms of Service"
-      sections={[
-        {
-          heading: "Client Agreement",          content: "By booking an appointment, you accept our standards of practice."
-        }
-      ]}
-    />
-  </div>
+        <div id="legal" data-section="legal">
+            <LegalSection
+            layout="section"
+            title="Terms of Service"
+            sections={[
+                {
+                heading: "Client Agreement",                content: "By booking an appointment, you accept our standards of practice."
+                }
+            ]}
+            />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="THE PRISM"
-      columns={[
-        { title: "Hut", items: [{ label: "About", href: "/" }, { label: "Book", href: "/booking" }] },
-        { title: "Product", items: [{ label: "Shop", href: "/shop" }] }
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterBaseCard
+            logoText="THE PRISM"
+            columns={[
+                { title: "Hut", items: [{ label: "About", href: "/" }, { label: "Book", href: "/booking" }] },
+                { title: "Product", items: [{ label: "Shop", href: "/shop" }] }
+            ]}
+            />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1


From cd56a03bdd69e6fee5c2b912361d21873882ed20 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 26 Apr 2026 01:51:58 +0000
Subject: [PATCH 2/2] Update src/app/shop/page.tsx

---
 src/app/shop/page.tsx | 120 +++++++++++++++++++++---------------------
 1 file changed, 59 insertions(+), 61 deletions(-)

diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
index 976790a..9c0b25e 100644
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -23,71 +23,69 @@ export default function ShopPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        { name: "Home", id: "/" },
-        { name: "Menu", id: "/menu" },
-        { name: "Shop", id: "/shop" },
-        { name: "Booking", id: "/booking" }
-      ]}
-      brandName="THE PRISM"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarStyleApple
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "Shop", id: "/shop" }
+            ]}
+            brandName="THE PRISM"
+            />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardFour
-      textboxLayout="split"
-      gridVariant="bento-grid"
-      useInvertedBackground={true}
-      animationType="slide-up"
-      products={[
-        { id: "p1", name: "Matte Clay", price: "$35⁰⁰", variant: "Daily", imageSrc: "http://img.b2bpic.net/free-photo/wave-sandstone-rock-formations-arizona-united-states_181624-44179.jpg" },
-        { id: "p2", name: "Luminous Oil", price: "$45⁰⁰", variant: "Treat", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-male-beauty-products-with-display_23-2150435188.jpg" },
-        { id: "p3", name: "Steel Razor", price: "$85⁰⁰", variant: "Tool", imageSrc: "http://img.b2bpic.net/free-photo/top-view-potato-chip-cutter-with-salt-black-pepper-seeds-white-surface-with-copy-space_141793-10131.jpg" }
-      ]}
-      title="The Boutique"
-      description="Curated essentials for the refined."
-    />
-  </div>
+        <div id="products" data-section="products">
+            <ProductCardFour
+            textboxLayout="split"
+            gridVariant="bento-grid"
+            useInvertedBackground={true}
+            animationType="slide-up"
+            products={[
+                { id: "p1", name: "Matte Clay", price: "$35⁰⁰", variant: "Daily", imageSrc: "http://img.b2bpic.net/free-photo/wave-sandstone-rock-formations-arizona-united-states_181624-44179.jpg" },
+                { id: "p2", name: "Luminous Oil", price: "$45⁰⁰", variant: "Treat", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-male-beauty-products-with-display_23-2150435188.jpg" },
+                { id: "p3", name: "Steel Razor", price: "$85⁰⁰", variant: "Tool", imageSrc: "http://img.b2bpic.net/free-photo/top-view-potato-chip-cutter-with-salt-black-pepper-seeds-white-surface-with-copy-space_141793-10131.jpg" }
+            ]}
+            title="The Boutique"
+            description="Curated essentials for the refined."
+            />
+        </div>
 
-  <div id="feature" data-section="feature">
-      <FeatureCardTwentyNine
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      title="Shop Essentials"
-      description="Professional gear."
-      features={[
-        { title: "Pure Clay", description: "Matte finish.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-dispenser-bottle_23-2150992109.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-texture-cream_23-2149409686.jpg", buttonText: "Add" }
-      ]}
-    />
-  </div>
+        <div id="feature" data-section="feature">
+            <FeatureCardTwentyNine
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            title="Shop Essentials"
+            description="Professional gear."
+            features={[
+                { title: "Pure Clay", description: "Matte finish.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-dispenser-bottle_23-2150992109.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-texture-cream_23-2149409686.jpg", buttonText: "Add" }
+            ]}
+            />
+        </div>
 
-  <div id="testimonial" data-section="testimonial">
-      <TestimonialCardThirteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Client Reviews"
-      description="Refined results."
-      showRating={true}
-      testimonials={[
-        { id: "t1", name: "John Doe", handle: "@john", testimonial: "Excellent product.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-texture-cream_23-2149409566.jpg", imageAlt: "Close up texture of cream" }
-      ]}
-    />
-  </div>
+        <div id="testimonial" data-section="testimonial">
+            <TestimonialCardThirteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Client Reviews"
+            description="Refined results."
+            showRating={true}
+            testimonials={[
+                { id: "t1", name: "John Doe", handle: "@john", testimonial: "Excellent product.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-texture-cream_23-2149409566.jpg", imageAlt: "Close up texture of cream" }
+            ]}
+            />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="THE PRISM"
-      columns={[
-        { title: "Hut", items: [{ label: "About", id: "/" }, { label: "Book", id: "/booking" }] },
-        { title: "Product", items: [{ label: "Shop", id: "/shop" }] }
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterBaseCard
+            logoText="THE PRISM"
+            columns={[
+                { title: "Hut", items: [{ label: "About", href: "/" }, { label: "Book", href: "/booking" }] },
+                { title: "Product", items: [{ label: "Shop", href: "/shop" }] }
+            ]}
+            />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1