From e491f5189557033814cb73e32d13d1e70057b7ce Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 23 Apr 2026 21:19:13 +0000
Subject: [PATCH 1/2] Update src/app/page.tsx

---
 src/app/page.tsx | 427 ++++++++++++-----------------------------------
 1 file changed, 103 insertions(+), 324 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4ab9ff2..4c55af4 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,350 +2,129 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import HeroSplit from '@/components/sections/hero/HeroSplit';
-import MediaAbout from '@/components/sections/about/MediaAbout';
+import { ShieldCheck } from "lucide-react";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import HeroSplit from '@/components/sections/hero/HeroSplit';
+import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import MediaAbout from '@/components/sections/about/MediaAbout';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="text-stagger"
+        defaultButtonVariant="hover-magnetic"
         defaultTextAnimation="reveal-blur"
         borderRadius="rounded"
         contentWidth="compact"
-        sizing="mediumLarge"
-        background="circleGradient"
-        cardStyle="subtle-shadow"
-        primaryButtonStyle="diagonal-gradient"
+        sizing="largeSizeMediumTitles"
+        background="noise"
+        cardStyle="solid"
+        primaryButtonStyle="flat"
         secondaryButtonStyle="solid"
-        headingFontWeight="light"
+        headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Menu",
-          id: "#menu",
-        },
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Reviews",
-          id: "#reviews",
-        },
-        {
-          name: "Visit Us",
-          id: "#visit",
-        },
-      ]}
-      brandName="The Coffee Brewer"
-      button={{
-        text: "Order Now",
-        href: "#",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Products", id: "#menu" },
+              { name: "About", id: "#about" },
+              { name: "Reviews", id: "#reviews" },
+              { name: "Contact", id: "#visit" },
+            ]}
+            brandName="State Supply Co Inc"
+            button={{ text: "Get a Quote", href: "#visit" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplit
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Great coffee, homemade soups, and a place that feels like home"
-      description="Espresso drinks, fresh teas, homemade soups and sandwiches — served by the friendliest guy in town."
-      tag="Your cozy neighborhood coffee spot in Lyndhurst"
-      buttons={[
-        {
-          text: "See Our Menu",
-          href: "#menu",
-        },
-        {
-          text: "Find Us",
-          href: "#visit",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/top-view-cake-hot-beverage_23-2149271443.jpg?_wi=1"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-shot-cafe-wooden-table-with-jar-decorative-flowers-against-blurred-background_181624-59999.jpg",
-          alt: "Customer enjoying coffee",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/cream-liquer_23-2148014925.jpg",
-          alt: "Happy guest",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/easter-coffee-decorations-still-life_23-2150244092.jpg",
-          alt: "Coffee enthusiast",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/cozy-autumn-composition-with-cup-coffee-candles-bed_169016-21720.jpg",
-          alt: "Local resident",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-asian-adult-female-woman-wear-apron-standing-entrance-her-workshop-pottery-studio-incasual-cloth-relax-smiling-confident-warm-welcomeasian-woman-with-her-home-studio-workshop_609648-2692.jpg",
-          alt: "Friendly visitor",
-        },
-      ]}
-      avatarText="Join our community of coffee lovers"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Hand-crafted espresso",
-        },
-        {
-          type: "text",
-          text: "Freshly baked pastries",
-        },
-        {
-          type: "text",
-          text: "Homemade daily soups",
-        },
-        {
-          type: "text",
-          text: "Locally roasted beans",
-        },
-        {
-          type: "text",
-          text: "Friendly neighborhood vibe",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplit
+            title="Reliable Roofing Supplies for Pros"
+            description="Top-grade roofing materials for contractors who get the job done right. Proudly serving Cleveland since 2004."
+            tag="20+ Years of Excellence"
+            tagIcon={ShieldCheck}
+            buttons={[{ text: "View Products", href: "#menu" }, { text: "Contact Us", href: "#visit" }]}
+            background={{ variant: "gradient-bars" }}
+            imageSrc="https://images.unsplash.com/photo-1632393397750-717013e26006?q=80&w=1200"
+            imageAlt="Professional roofing materials"
+          />
+        </div>
 
-  <div id="highlights" data-section="highlights">
-      <FeatureCardNineteen
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          tag: "Coffee",
-          title: "Great Coffee & Espresso",
-          subtitle: "Premium quality",
-          description: "Expertly brewed espresso and fine coffee selections.",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-sweet-homemade-desserts_140725-114504.jpg",
-          imageAlt: "Delicious sweet and homemade desserts",
-        },
-        {
-          tag: "Food",
-          title: "Homemade Soups & Sandwiches",
-          subtitle: "Fresh daily",
-          description: "Made-from-scratch recipes that satisfy your cravings.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-cake-hot-beverage_23-2149271443.jpg?_wi=2",
-          imageAlt: "Delicious sweet and homemade desserts",
-        },
-        {
-          tag: "Atmosphere",
-          title: "Cozy Casual Atmosphere",
-          subtitle: "Stay a while",
-          description: "A perfect neighborhood gem for conversation and comfort.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-joyful-african-student-woman-with-dark-wavy-hair-green-cardigan-sitting-cafe-drinking-cup-coffee-smiling-camera-woman-waiting-her-boyfriend-after-university_176420-12329.jpg?_wi=1",
-          imageAlt: "Delicious sweet and homemade desserts",
-        },
-        {
-          tag: "Service",
-          title: "Dine-In, Takeout & Delivery",
-          subtitle: "Conveniently yours",
-          description: "Serving you wherever you prefer to enjoy our coffee.",
-          imageSrc: "http://img.b2bpic.net/free-photo/strawberry-syrup-pie-served-with-cup-tea_114579-61842.jpg?_wi=1",
-          imageAlt: "Delicious sweet and homemade desserts",
-        },
-      ]}
-      title="Welcome to The Coffee Brewer"
-      description="Our promise of quality, comfort, and local care in every visit."
-    />
-  </div>
+        <div id="highlights" data-section="highlights">
+          <FeatureCardNineteen
+            title="Our Core Strength"
+            description="Professional-grade supplies designed for long-lasting performance."
+            textboxLayout="default"
+            useInvertedBackground={true}
+            features={[
+              { tag: "Durability", title: "Industrial Grade", subtitle: "Built tough", description: "Materials designed to withstand harsh Cleveland weather.", imageSrc: "https://images.unsplash.com/photo-1596422846543-75c6fc197f07?q=80&w=800" },
+              { tag: "Availability", title: "Always Stocked", subtitle: "Pro inventory", description: "Get what you need when you need it.", imageSrc: "https://images.unsplash.com/photo-1581094794329-c8112a4722b5?q=80&w=800" },
+              { tag: "Expertise", title: "Contractor Focus", subtitle: "Expert advice", description: "We understand the trade inside and out.", imageSrc: "https://images.unsplash.com/photo-1541888946425-d81bb19240f5?q=80&w=800" }
+            ]}
+          />
+        </div>
 
-  <div id="menu" data-section="menu">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Espresso & Coffee",
-          price: "From $3.50",
-          variant: "Lattes, Cappuccinos & Iced Drinks",
-          imageSrc: "http://img.b2bpic.net/free-photo/strawberry-syrup-pie-served-with-cup-tea_114579-61842.jpg?_wi=2",
-        },
-        {
-          id: "p2",
-          name: "Tea Selection",
-          price: "From $3.00",
-          variant: "Great variety of fresh teas",
-          imageSrc: "http://img.b2bpic.net/free-photo/colored-water-cups-white-background-side-view-space-text_176474-5166.jpg",
-        },
-        {
-          id: "p3",
-          name: "Homemade Soups",
-          price: "Bowl $6.00",
-          variant: "Fresh daily, best in town",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-touching-bowl_23-2148666864.jpg",
-        },
-        {
-          id: "p4",
-          name: "Sandwiches & Quick Bites",
-          price: "From $7.50",
-          variant: "Fresh, fairly priced goodness",
-          imageSrc: "http://img.b2bpic.net/free-photo/grilled-bbq-pork-chop-meat-steak_74190-6146.jpg",
-        },
-        {
-          id: "p5",
-          name: "Smoothies",
-          price: "From $5.50",
-          variant: "Great smoothies, great flavors",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-red-smoothie-with-ingredients_23-2147684404.jpg",
-        },
-        {
-          id: "p6",
-          name: "Desserts & Snacks",
-          price: "From $2.50",
-          variant: "Biscotti, sweets, and treats",
-          imageSrc: "http://img.b2bpic.net/free-photo/various-cookies-wooden-tray-gray-background_114579-8065.jpg",
-        },
-      ]}
-      title="What we're serving"
-      description="Something delicious for every visit."
-    />
-  </div>
+        <div id="menu" data-section="menu">
+          <ProductCardFour
+            title="Building Materials"
+            description="Quality supplies for your next roofing project."
+            gridVariant="four-items-2x2-equal-grid"
+            animationType="slide-up"
+            useInvertedBackground={false}
+            products={[
+              { id: "1", name: "Shingle Bundles", price: "Inquire", variant: "Asphalt / Composite", imageSrc: "https://images.unsplash.com/photo-1520633107062-84156677f525?q=80&w=400" },
+              { id: "2", name: "Underlayment", price: "Inquire", variant: "Premium Synthetic", imageSrc: "https://images.unsplash.com/photo-1589939705384-5185137a7f0f?q=80&w=400" },
+              { id: "3", name: "Flashing Kits", price: "Inquire", variant: "Aluminum / Copper", imageSrc: "https://images.unsplash.com/photo-1613490493576-7fde63acd811?q=80&w=400" },
+              { id: "4", name: "Safety Equipment", price: "Inquire", variant: "Harnesses / Gear", imageSrc: "https://images.unsplash.com/photo-1504307653684-33634033f0b2?q=80&w=400" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MediaAbout
-      useInvertedBackground={false}
-      title="Meet Mark"
-      description="Mark has been welcoming guests to The Coffee Brewer with warmth, great conversation, and an even better cup of coffee. Originally from Jordan, he brings a worldly perspective and a genuine love of hospitality to every visit. Whether you're stopping in for your morning espresso, a bowl of his famous homemade soup, or just a peaceful place to sit — Mark makes sure every guest feels at home. Come in and say hello. You'll be glad you did."
-      tag="Owner, coffee lover, and your host"
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-beautiful-joyful-african-student-woman-with-dark-wavy-hair-green-cardigan-sitting-cafe-drinking-cup-coffee-smiling-camera-woman-waiting-her-boyfriend-after-university_176420-12329.jpg?_wi=2"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MediaAbout
+            title="Meet Jim"
+            description="Jim has been running State Supply Co Inc for over two decades. He knows exactly what contractors need to get the job done efficiently. Whether you're a seasoned expert or building your first crew, Jim is here to support your success."
+            tag="About the Founder"
+            imageSrc="https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?q=80&w=800"
+            useInvertedBackground={true}
+          />
+        </div>
 
-  <div id="reviews" data-section="reviews">
-      <TestimonialCardSix
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "r1",
-          name: "Manoj J.",
-          handle: "Regular Guest",
-          testimonial: "Mark the owner is always helpful and fun to chat with. I always visit for espresso, coffee, or some small snacks. I love his fresh meat soups.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-barista-girl_23-2148436110.jpg",
-        },
-        {
-          id: "r2",
-          name: "Anthony M.",
-          handle: "Coffee Lover",
-          testimonial: "Mark is always friendly and customer service oriented. His coffee has a great kick to it and fairly priced.",
-          imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg",
-        },
-        {
-          id: "r3",
-          name: "Jenna M.",
-          handle: "Fan of Lattes",
-          testimonial: "Great customer service! I had an iced caramel latte with almond milk and whipped cream. Sooo good! Love the ambiance. 10/10.",
-          imageSrc: "http://img.b2bpic.net/free-photo/dreamy-beautiful-woman-student-sitting-cafe-with-books-magazines-smiling-holding-phone-thinking_176420-12422.jpg",
-        },
-        {
-          id: "r4",
-          name: "Carolyn L.",
-          handle: "Soup Fanatic",
-          testimonial: "Hands down the best soups in town! All homemade, so good! Served by the nicest man ever! Great sandwiches too!",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-asian-adult-female-woman-wear-apron-standing-entrance-her-workshop-pottery-studio-incasual-cloth-relax-smiling-confident-warm-welcomeasian-woman-with-her-home-studio-workshop_609648-2692.jpg",
-        },
-        {
-          id: "r5",
-          name: "NiNi D.",
-          handle: "First Timer",
-          testimonial: "The gentleman was VERY friendly and fast preparing our order. I love the aesthetic — very cozy, peaceful, and it has some cool things to look at.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-cake-hot-beverage_23-2149271443.jpg?_wi=3",
-        },
-      ]}
-      title="What people are saying"
-      description="Genuine feedback from our wonderful community."
-    />
-  </div>
+        <div id="reviews" data-section="reviews">
+          <TestimonialCardSix
+            title="Trusted by Cleveland Pros"
+            description="See what local contractors have to say."
+            animationType="slide-up"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Mike D.", handle: "Roofing Contractor", testimonial: "Best service in town. Jim is a legend.", icon: ShieldCheck },
+              { id: "2", name: "Sarah W.", handle: "Builder", testimonial: "Reliable inventory and fair prices.", icon: ShieldCheck }
+            ]}
+            textboxLayout="default"
+          />
+        </div>
 
-  <div id="visit" data-section="visit">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Come in and stay a while"
-      description="29001 Cedar Rd Suite 202, Lyndhurst, OH 44124 | (330) 906-1424"
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-        },
-      ]}
-      buttonText="Get Directions"
-      imageSrc="http://img.b2bpic.net/free-photo/top-view-cake-hot-beverage_23-2149271443.jpg?_wi=4"
-    />
-  </div>
+        <div id="visit" data-section="visit">
+          <ContactSplitForm
+            title="Get in touch with Jim"
+            description="14602 Velour Ave, Cleveland, OH 44110"
+            inputs={[{ name: "name", type: "text", placeholder: "Company Name" }, { name: "email", type: "email", placeholder: "Email Address" }]}
+            buttonText="Send Quote Request"
+            useInvertedBackground={true}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "29001 Cedar Rd Suite 202, Lyndhurst, OH 44124",
-              href: "#",
-            },
-            {
-              label: "(330) 906-1424",
-              href: "tel:3309061424",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Menu",
-              href: "#menu",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Reviews",
-              href: "#reviews",
-            },
-            {
-              label: "Visit Us",
-              href: "#visit",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Accepted: Credit, Debit & Mobile",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="The Coffee Brewer"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            logoText="State Supply Co Inc"
+            columns={[
+              { items: [{ label: "14602 Velour Ave, Cleveland" }, { label: "Questions? Call today" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1


From 311877394765305477a443401a954088a879584e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 23 Apr 2026 21:19:13 +0000
Subject: [PATCH 2/2] Update src/app/styles/variables.css

---
 src/app/styles/variables.css | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index d9137ab..dd76232 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f6f0e9;
-  --card: #efe7dd;
-  --foreground: #2b180a;
-  --primary-cta: #2c1a0e;
+  --background: #1C1C1C;
+  --card: #262626;
+  --foreground: #FFFFFF;
+  --primary-cta: #8B2A2A;
   --primary-cta-text: #f5ecd7;
-  --secondary-cta: #f5ecd7;
+  --secondary-cta: #404040;
   --secondary-cta-text: #2c1a0e;
-  --accent: #c9a84c;
-  --background-accent: #efe7dd;
+  --accent: #8B2A2A;
+  --background-accent: #262626;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
-- 
2.49.1