From bae4a60aa3225740fc11476029ec8a0c18f15635 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 4 Apr 2026 21:28:51 +0000
Subject: [PATCH 1/2] Update src/app/page.tsx

---
 src/app/page.tsx | 264 ++++++++++++-----------------------------------
 1 file changed, 66 insertions(+), 198 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 6702b69..87aa1fa 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,13 +3,13 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplit from '@/components/sections/contact/ContactSplit';
-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 NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import { CheckCircle, Clock, DollarSign, MapPin, Wrench } from "lucide-react";
+import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import { CheckCircle, Clock, DollarSign, MapPin, Wrench, ShieldCheck, WrenchIcon, Gauge } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -19,250 +19,118 @@ export default function LandingPage() {
         borderRadius="soft"
         contentWidth="smallMedium"
         sizing="largeSmallSizeLargeTitles"
-        background="grid"
-        cardStyle="solid"
-        primaryButtonStyle="flat"
-        secondaryButtonStyle="radial-glow"
-        headingFontWeight="normal"
+        background="noiseDiagonalGradient"
+        cardStyle="glass-depth"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
+      <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "About Us",
-          id: "about",
-        },
-        {
-          name: "Reviews",
-          id: "reviews",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Services", id: "services" },
+        { name: "About Us", id: "about" },
+        { name: "Reviews", id: "reviews" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Mell’s Tires & Auto"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroSplit
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Affordable Tires & Auto Repair You Can Trust"
-      description="Fast service. Honest prices. Local experts in Everett, MA. We keep you moving safely without the corporate runaround."
-      buttons={[
-        {
-          text: "Call Now",
-          href: "tel:6179477551",
-        },
-        {
-          text: "Get a Free Quote",
-          href: "#contact",
-        },
-      ]}
+      <HeroSplitTestimonial
+      title="Expert Auto Care & Quality Tires"
+      description="Keeping Everett drivers safe on the road with reliable, transparent, and affordable automotive solutions."
+      background={{ variant: "sparkles-gradient" }}
       imageSrc="http://img.b2bpic.net/free-photo/mechanic-fixing-car-tyre_1170-1666.jpg?_wi=1"
-      imageAlt="Professional service at Mell's Tires"
-      mediaAnimation="blur-reveal"
-      avatars={[
+      buttons={[{ text: "Get a Quote", href: "#contact" }]}
+      testimonials={[
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-stately-ginger-fellow-stylish-navy-t-shirt-smiling-showing-ok-sign-looking-camera-while-posing-blue-studio-background-human-facial-expressions-sincer_639032-2122.jpg",
-          alt: "Sarah J.",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
-          alt: "Mike R.",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-putting-fingers-sides-mouth-faking-smile-looking-camera-isolated-purple-background_141793-84948.jpg",
-          alt: "Lisa K.",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-smiley-men-car_23-2149137128.jpg",
-          alt: "David M.",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-smiling-market-fair_23-2150771035.jpg",
-          alt: "Robert B.",
-        },
-      ]}
-      avatarText="Trusted by 500+ local Everett drivers"
-      marqueeItems={[
-        {
-          type: "text-icon",
-          text: "Quality Tires",
-          icon: CheckCircle,
-        },
-        {
-          type: "text-icon",
-          text: "Expert Repairs",
-          icon: Wrench,
-        },
-        {
-          type: "text-icon",
-          text: "Fair Pricing",
-          icon: DollarSign,
-        },
-        {
-          type: "text-icon",
-          text: "Fast Service",
-          icon: Clock,
-        },
-        {
-          type: "text-icon",
-          text: "Local Owned",
-          icon: MapPin,
-        },
+          name: "Sarah Johnson",          handle: "@local-driver",          testimonial: "Incredible service and honest pricing. My go-to in Everett.",          rating: 5,
+        }
       ]}
     />
   </div>
 
   <div id="services" data-section="services">
-      <FeatureCardNineteen
+      <FeatureCardTwentyFive
+      title="Comprehensive Maintenance"
+      description="Full-service auto repair from routine tire changes to complex engine diagnostics."
       textboxLayout="split"
       useInvertedBackground={false}
+      animationType="blur-reveal"
       features={[
         {
-          tag: "Tires",
-          title: "Tire Sales & Installation",
-          subtitle: "New & Used Options",
-          description: "High-quality tires at prices that beat the big chains.",
-          imageSrc: "http://img.b2bpic.net/free-photo/dark-storage-full-big-variety-new-tyres-busy-warehouse_613910-17114.jpg",
+          title: "Premium Tire Services",          description: "Installation, balancing, and alignment for all vehicle types.",          icon: Gauge,
+          mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/dark-storage-full-big-variety-new-tyres-busy-warehouse_613910-17114.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/tyre-service-station_1170-1666.jpg" }]
         },
         {
-          tag: "Repair",
-          title: "Brake & Suspension Service",
-          subtitle: "Safety First",
-          description: "Expert diagnostics and repairs to keep your ride smooth.",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-fixing-car-wheel-disc-brake_1170-1213.jpg",
+          title: "Brake & Safety",          description: "Professional pad replacement and rotor servicing.",          icon: ShieldCheck,
+          mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-fixing-car-wheel-disc-brake_1170-1213.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/mechanic-brake-work_1170-1666.jpg" }]
         },
         {
-          tag: "Tech",
-          title: "General Auto Repair",
-          subtitle: "TPMS & Diagnostics",
-          description: "From light maintenance to complex repairs, we do it all.",
-          imageSrc: "http://img.b2bpic.net/free-photo/muscular-man-is-fixing-car-s-wheel-with-special-tool-auto-service_613910-3825.jpg",
-        },
+          title: "Full Auto Repair",          description: "Expert diagnostic services using latest industry tools.",          icon: WrenchIcon,
+          mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/muscular-man-is-fixing-car-s-wheel-with-special-tool-auto-service_613910-3825.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/auto-repair-tools_1170-1666.jpg" }]
+        }
       ]}
-      title="Our Expert Services"
-      description="Comprehensive auto repair and tire services for drivers in Everett and surrounding areas."
     />
   </div>
 
   <div id="about" data-section="about">
-      <MediaAbout
+      <SplitAbout
+      title="Local Experts You Can Trust"
+      description="At Mell’s, we believe in straightforward, reliable auto care. Our team is dedicated to providing Everett with efficient service that doesn't compromise on quality or safety."
+      textboxLayout="split"
       useInvertedBackground={false}
-      title="Why Everett Chooses Mell’s"
-      description="We started Mell’s Tires to provide honest, transparent auto repair without the corporate overhead. As a local business, we treat every customer like a neighbor. Skip the big chains and get real, fast, and friendly service that actually respects your budget."
+      bulletPoints={[
+        { title: "Transparent Pricing", description: "No hidden fees, ever." },
+        { title: "Certified Technicians", description: "Years of experience under the hood." },
+        { title: "Fast Turnaround", description: "We respect your time." }
+      ]}
       imageSrc="http://img.b2bpic.net/free-photo/team-mechanics-fixing-car_482257-76105.jpg"
-      imageAlt="The Mell's Tires service team"
     />
   </div>
 
   <div id="reviews" data-section="reviews">
-      <TestimonialCardSix
+      <TestimonialCardOne
+      title="Community Feedback"
+      description="Why your neighbors choose Mell’s Tires & Auto Service."
+      gridVariant="three-columns-all-equal-width"
       animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
+      textboxLayout="default"
       testimonials={[
         {
-          id: "1",
-          name: "Sarah Johnson",
-          handle: "@sarahj",
-          testimonial: "Best tire prices in Everett. Fast and very friendly service!",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-stately-ginger-fellow-stylish-navy-t-shirt-smiling-showing-ok-sign-looking-camera-while-posing-blue-studio-background-human-facial-expressions-sincer_639032-2122.jpg",
+          id: "1",          name: "Sarah J.",          role: "Regular Customer",          company: "Everett Local",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-stately-ginger-fellow-stylish-navy-t-shirt-smiling-showing-ok-sign-looking-camera-while-posing-blue-studio-background-human-facial-expressions-sincer_639032-2122.jpg"
         },
         {
-          id: "2",
-          name: "Mike Rivera",
-          handle: "@miker",
-          testimonial: "Honest pricing. They told me exactly what I needed without upsell.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
-        },
-        {
-          id: "3",
-          name: "Lisa K.",
-          handle: "@lisak",
-          testimonial: "In and out quickly. So much better than the big box stores.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-putting-fingers-sides-mouth-faking-smile-looking-camera-isolated-purple-background_141793-84948.jpg",
-        },
-        {
-          id: "4",
-          name: "David M.",
-          handle: "@davidm",
-          testimonial: "Great local guys. They saved my suspension repair budget.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-men-car_23-2149137128.jpg",
-        },
-        {
-          id: "5",
-          name: "Robert B.",
-          handle: "@robertb",
-          testimonial: "Finally found a mechanic shop I can trust long-term.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-smiling-market-fair_23-2150771035.jpg",
-        },
+          id: "2",          name: "Mike R.",          role: "Commuter",          company: "Everett Local",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg"
+        }
       ]}
-      title="What Our Community Says"
-      description="Real feedback from drivers in Everett who trust us with their vehicles."
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "animated-grid",
-      }}
-      tag="Get in touch"
-      title="Ready to get back on the road?"
-      description="Call us at (617) 947-7551 or request a free quote through the form below."
-      mediaPosition="right"
+      tag="Contact Us"
+      title="Book Your Appointment"
+      description="Give us a call at (617) 947-7551 or use the form below to reach our support team."
+      background={{ variant: "rotated-rays-animated" }}
       imageSrc="http://img.b2bpic.net/free-photo/mechanic-fixing-car-tyre_1170-1666.jpg?_wi=2"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Call Us: (617) 947-7551",
-              href: "tel:6179477551",
-            },
-            {
-              label: "Everett, MA",
-              href: "#",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Reviews",
-              href: "#reviews",
-            },
-          ],
-        },
-      ]}
+      <FooterMedia
+      imageSrc="http://img.b2bpic.net/free-photo/mechanic-fixing-car-tyre_1170-1666.jpg?_wi=3"
       logoText="Mell’s Tires"
+      columns={[
+        { title: "Services", items: [{ label: "Tires", href: "#services" }, { label: "Brakes", href: "#services" }] },
+        { title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "About", href: "#about" }] }
+      ]}
     />
   </div>
       </ReactLenis>
-- 
2.49.1


From 503a03cff7cef50b7d8a2b1f4ee72161f9b362a3 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 4 Apr 2026 21:28:51 +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 fd9ebfc..01aa940 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #120006e6;
-  --primary-cta: #e63946;
+  --background: #f5f5f5;
+  --card: #ffffff;
+  --foreground: #1c1c1c;
+  --primary-cta: #1c1c1c;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #120006e6;
-  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --accent: #15479c;
+  --background-accent: #a8cce8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
-- 
2.49.1