Update src/app/page.tsx

src/app/page.tsx

@@ -23,322 +23,107 @@ export default function LandingPage() {
         cardStyle="gradient-radial"
         primaryButtonStyle="diagonal-gradient"
         secondaryButtonStyle="radial-glow"
-        headingFontWeight="light"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "home",
-        },
-        {
-          name: "Products",
-          id: "products",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Solar Solutions",
-          id: "solar",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Reviews",
-          id: "reviews",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Munir Al-Naqouzi"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "home" },
+              { name: "Products", id: "products" },
+              { name: "Services", id: "services" },
+              { name: "Reviews", id: "reviews" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Munir Al-Naqouzi"
+          />
+        </div>
 
-  <div id="home" data-section="home">
-      <HeroBillboardGallery
-      background={{
-        variant: "radial-gradient",
-      }}
-      title="Your Complete Building Materials & Solar Energy Partner"
-      description="Quality bathroom fixtures, kitchen supplies, premium tiles, granite, marble, and certified solar energy solutions with genuine warranties."
-      buttons={[
-        {
-          text: "Browse Products",
-          href: "#products",
-        },
-        {
-          text: "Get Quote",
-          href: "#contact",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-15375.jpg",
-          imageAlt: "Modern bathroom fixtures",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/kitchen-countertop-sink-with-dishes_1153-5786.jpg",
-          imageAlt: "Kitchen supply display",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-putting-up-decorative-vinyls_23-2149683499.jpg",
-          imageAlt: "Premium marble tiles",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2195.jpg",
-          imageAlt: "Solar panel installation",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-workshop-creating-bike_23-2148866687.jpg",
-          imageAlt: "Professional showroom",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/orange-rescue-life-buoy_1359-554.jpg",
-          imageAlt: "Water installation plumbing",
-        },
-      ]}
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="home" data-section="home">
+          <HeroBillboardGallery
+            background={{ variant: "radial-gradient" }}
+            title="Munir Al-Naqouzi: Building Materials & Solar Energy"
+            description="Your trusted partner for premium building supplies, bathroom and kitchen fixtures, and high-efficiency solar energy solutions."
+            buttons={[
+              { text: "Browse Products", href: "#products" },
+              { text: "Get Quote", href: "#contact" },
+            ]}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/modern-bathroom-fixtures_3092-234.jpg", imageAlt: "Bathroom fixtures" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-on-roof_4234-921.jpg", imageAlt: "Solar energy system" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/marble-tiles-showroom_5023-112.jpg", imageAlt: "Tiles and stone collection" },
+            ]}
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="split-description"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          brand: "Munir Al-Naqouzi",
-          name: "Luxury Bath Vanity",
-          price: "Contact for pricing",
-          rating: 5,
-          reviewCount: "24",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-eco-cosmetics-concept_23-2148778671.jpg",
-        },
-        {
-          id: "p2",
-          brand: "SolarCore",
-          name: "Pro Solar Panel",
-          price: "Request Quote",
-          rating: 5,
-          reviewCount: "18",
-          imageSrc: "http://img.b2bpic.net/free-photo/shareholders-reviewing-solar-panel-components-analyzing-material-quality_482257-123381.jpg",
-        },
-        {
-          id: "p3",
-          brand: "DesignTile",
-          name: "Marble Wall Tile",
-          price: "Per sqm",
-          rating: 4,
-          reviewCount: "12",
-          imageSrc: "http://img.b2bpic.net/free-photo/stone-floor-texture_1194-8963.jpg",
-        },
-        {
-          id: "p4",
-          brand: "FlowMaster",
-          name: "Water Installation Kit",
-          price: "Competitive",
-          rating: 5,
-          reviewCount: "30",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-still-life-assortment-pvc_23-2149062940.jpg",
-        },
-        {
-          id: "p5",
-          brand: "ChefSupply",
-          name: "Modern Kitchen Fittings",
-          price: "Request Quote",
-          rating: 5,
-          reviewCount: "40",
-          imageSrc: "http://img.b2bpic.net/free-photo/kitchen-sink-with-black-faucet-lighting-stylish-modern-interior-with-wooden-countertop_169016-71994.jpg",
-        },
-        {
-          id: "p6",
-          brand: "EcoEnergy",
-          name: "Solar Battery Storage",
-          price: "Professional",
-          rating: 5,
-          reviewCount: "22",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-technician-hand-wearing-gloves-fixing-screw-computer-slot_23-2147922398.jpg",
-        },
-      ]}
-      title="Our Premium Collections"
-      description="From luxury bathroom fixtures to innovative solar energy systems, we provide total building excellence."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="split-description"
+            gridVariant="four-items-2x2-equal-grid"
+            title="Our Premium Categories"
+            description="Explore our curated collections of high-quality building and energy materials."
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", brand: "Luxury Bath", name: "Bathroom Fixtures", price: "Contact Us", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/modern-bathroom-faucet_1012-923.jpg" },
+              { id: "p2", brand: "Kitchen Elite", name: "Kitchen Supplies", price: "Contact Us", rating: 5, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-sink_3042-451.jpg" },
+              { id: "p3", brand: "StoneCraft", name: "Tiles & Stone", price: "Per SQM", rating: 4, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/marble-tiles-texture_4023-999.jpg" },
+              { id: "p4", brand: "SolarCore", name: "Solar Energy", price: "Request Quote", rating: 5, reviewCount: "25", imageSrc: "http://img.b2bpic.net/free-photo/solar-panel-array_3423-888.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureHoverPattern
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        {
-          icon: CheckCircle,
-          title: "Quality Guarantee",
-          description: "Every product is vetted for durability and certified performance.",
-        },
-        {
-          icon: Zap,
-          title: "Certified Solar",
-          description: "High-efficiency panels with genuine, long-term warranties.",
-        },
-        {
-          icon: Award,
-          title: "Expert Consultation",
-          description: "Personalized advice from professionals in building and energy.",
-        },
-        {
-          icon: Shield,
-          title: "Complete Support",
-          description: "From guidance on installation to aftermarket maintenance.",
-        },
-      ]}
-      title="Why Choose Our Services"
-      description="We don't just supply; we provide comprehensive solutions for every step of your project."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureHoverPattern
+            title="Our Expert Services"
+            description="Dedicated professional support to ensure your building and energy projects succeed."
+            features={[
+              { icon: CheckCircle, title: "Quality Control", description: "Vetted, durable materials for long-term reliability." },
+              { icon: Zap, title: "Solar Design", description: "Engineered solar solutions tailored to your energy needs." },
+              { icon: Award, title: "Expert Consultation", description: "Professional advice from experienced industry leaders." },
+              { icon: Shield, title: "Warrantied Solutions", description: "Genuine warranties for peace of mind." }
+            ]}
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+          />
+        </div>
 
-  <div id="reviews" data-section="reviews">
-      <TestimonialCardTen
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          title: "Great Quality",
-          quote: "Best quality with reasonable prices, definitely the best choice in the city.",
-          name: "Ahmad M.",
-          role: "Homeowner",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660764.jpg",
-        },
-        {
-          id: "2",
-          title: "Excellent Service",
-          quote: "Good service and competitive prices. Will recommend to others.",
-          name: "Sara K.",
-          role: "Architect",
-          imageSrc: "http://img.b2bpic.net/free-photo/all-control-smiling-young-woman-assure-everything-ok-showing-okay-sign-say-yes-approve-agree-recommend-good-thing-praise-nice-work-standing-white-background_176420-45406.jpg",
-        },
-        {
-          id: "3",
-          title: "Guaranteed Products",
-          quote: "Very professional, really appreciated the genuine warranties provided.",
-          name: "Mohammad S.",
-          role: "Developer",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-shopping-clothes_23-2149187303.jpg",
-        },
-        {
-          id: "4",
-          title: "Best Solar Solutions",
-          quote: "High-quality solar energy solutions installed professionally. Very satisfied.",
-          name: "Layla F.",
-          role: "Homeowner",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-man-bachelor-party-laughing_23-2149275479.jpg",
-        },
-        {
-          id: "5",
-          title: "Reliable Partner",
-          quote: "Comprehensive supply, competitive pricing, and great expert guidance.",
-          name: "Omar K.",
-          role: "Contractor",
-          imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167446.jpg",
-        },
-      ]}
-      title="Trusted by Homeowners & Developers"
-      description="Hear what our clients say about the quality, competitive pricing, and service at Munir Al-Naqouzi."
-    />
-  </div>
+        <div id="reviews" data-section="reviews">
+          <TestimonialCardTen
+            title="Client Testimonials"
+            description="Real feedback from our satisfied customers and construction partners."
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", title: "Exceptional Quality", quote: "The tiles and fixtures from Munir Al-Naqouzi are second to none.", name: "Ali H.", role: "Developer" },
+              { id: "2", title: "Solar Experts", quote: "They transformed my energy savings with high-efficiency panels.", name: "Fatima M.", role: "Homeowner" }
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={true}
-      background={{
-        variant: "downward-rays-animated-grid",
-      }}
-      tag="Get In Touch"
-      title="Request Your Quote Today"
-      description="Ready to get started? Fill out the form or reach out directly via phone or email for a consultation."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            tag="Get In Touch"
+            title="Let's Build Together"
+            description="Contact our team for quotes, project advice, or product information."
+            useInvertedBackground={true}
+            background={{ variant: "downward-rays-animated-grid" }}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="Munir Al-Naqouzi"
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Products",
-              href: "#products",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Solutions",
-          items: [
-            {
-              label: "Bathroom",
-              href: "#",
-            },
-            {
-              label: "Kitchen",
-              href: "#",
-            },
-            {
-              label: "Solar Energy",
-              href: "#",
-            },
-            {
-              label: "Tiles & Stone",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Warranties",
-              href: "#",
-            },
-            {
-              label: "Terms of Use",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 Munir Al-Naqouzi Building Materials. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="Munir Al-Naqouzi"
+            columns={[
+              { title: "Navigation", items: [{ label: "Products", href: "#products" }, { label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] },
+              { title: "Support", items: [{ label: "Warranty", href: "#" }, { label: "Terms", href: "#" }] }
+            ]}
+            copyrightText="© 2025 Munir Al-Naqouzi. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,8 +10,8 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
+  --background: #f5f5f5;
+  --card: #ffffff;
   --foreground: #1c1c1c;
   --primary-cta: #15479c;
   --primary-cta-text: #ffffff;