Update theme colors

Merge version_1 into main

src/app/help/page.tsx

@@ -0,0 +1,65 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function HelpPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-bubble"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="mediumSmall"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Products", id: "/#products" },
+              { name: "Help", id: "/help" },
+            ]}
+            brandName="Aarav Faucets"
+          />
+        </div>
+        
+        <div className="pt-32 pb-20 px-6">
+          <h1 className="text-4xl font-bold mb-8">Customer Support</h1>
+          <div className="space-y-6">
+            <p className="text-lg">Need assistance with your installation or product inquiry? Our team is here to help.</p>
+            <div className="bg-card p-8 rounded-2xl shadow-sm border">
+                <h2 className="text-2xl font-semibold mb-4">Contact Us</h2>
+                <p className="mb-2"><strong>Phone:</strong> +91 987737491</p>
+                <p><strong>Email:</strong> aaravsharma0518@gmal.com</p>
+            </div>
+          </div>
+        </div>
+
+        <div id="contact" data-section="contact">
+          <ContactText 
+              text="Still have questions? Reach out anytime."
+              background={{ variant: "plain" }}
+              useInvertedBackground={false}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Aarav Faucets & Bath Fittings"
+            leftLink={{ text: "© 2024 Aarav", href: "#" }}
+            rightLink={{ text: "Privacy Policy", href: "#" }}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -30,26 +30,16 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Products",
+          name: "Products",          id: "#products"},
-          id: "#products",
-        },
         {
-          name: "Why Us",
+          name: "Why Us",          id: "#why-us"},
-          id: "#why-us",
-        },
         {
-          name: "Reviews",
+          name: "Reviews",          id: "#reviews"},
-          id: "#reviews",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "#contact"},
-          id: "#contact",
-        },
       ]}
       button={{
-        text: "Get a quote",
+        text: "Get a quote",        href: "#contact"}}
-        href: "#contact",
-      }}
       brandName="Aarav Faucets"
     />
   </div>
@@ -57,67 +47,42 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplit
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       title="Premium Faucets for Modern Spaces"
       description="Engineered for excellence, designed for elegance. From 40+ fitted hotel rooms to large-scale residential projects, we define reliability."
       buttons={[
         {
-          text: "Explore products",
+          text: "Explore products",          href: "#products"},
-          href: "#products",
-        },
         {
-          text: "Request quote",
+          text: "Request quote",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/steel-faucet-interior-modern-bathroom-with-window_169016-26704.jpg?_wi=1"
       imageAlt="Aarav Faucet Design"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-arms-crossed_107420-12323.jpg",
+          src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-arms-crossed_107420-12323.jpg",          alt: "Sarah"},
-          alt: "Sarah",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/image-handsome-man-posing-studio_613910-7500.jpg",
+          src: "http://img.b2bpic.net/free-photo/image-handsome-man-posing-studio_613910-7500.jpg",          alt: "Mark"},
-          alt: "Mark",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204381.jpg",
+          src: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204381.jpg",          alt: "Elena"},
-          alt: "Elena",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/caucasian-manager-smiling-camera_482257-121357.jpg",
+          src: "http://img.b2bpic.net/free-photo/caucasian-manager-smiling-camera_482257-121357.jpg",          alt: "David"},
-          alt: "David",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-talking-phone-while-standing-outside-office-buildings-business-success-concept_58466-12283.jpg",
+          src: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-talking-phone-while-standing-outside-office-buildings-business-success-concept_58466-12283.jpg",          alt: "Lisa"},
-          alt: "Lisa",
-        },
       ]}
       avatarText="Trusted by 500+ professionals"
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "Hotel Grade Quality"},
-          text: "Hotel Grade Quality",
-        },
         {
-          type: "text",
+          type: "text",          text: "Contractor Pick"},
-          text: "Contractor Pick",
-        },
         {
-          type: "text",
+          type: "text",          text: "Zero Rejections"},
-          text: "Zero Rejections",
-        },
         {
-          type: "text",
+          type: "text",          text: "Fast Installation"},
-          text: "Fast Installation",
-        },
         {
-          type: "text",
+          type: "text",          text: "Enduring Finish"},
-          text: "Enduring Finish",
-        },
       ]}
     />
   </div>
@@ -127,14 +92,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Hotel Grade Quality",
+        "Hotel Grade Quality",        "Contractor Pick",        "Zero Rejections",        "Fast Installation",        "Enduring Finish",        "Premium Reliability",        "Direct Support"]}
-        "Contractor Pick",
-        "Zero Rejections",
-        "Fast Installation",
-        "Enduring Finish",
-        "Premium Reliability",
-        "Direct Support",
-      ]}
       title="Why professionals choose us"
       description="Strength in every connection, quality in every detail."
     />
@@ -148,47 +106,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "Luxury Basin Mixer",          price: "Contractor Pick",          variant: "Chrome Finish",          imageSrc: "http://img.b2bpic.net/free-photo/steel-faucet-interior-modern-bathroom-with-window_169016-26704.jpg?_wi=2"},
-          name: "Luxury Basin Mixer",
-          price: "Contractor Pick",
-          variant: "Chrome Finish",
-          imageSrc: "http://img.b2bpic.net/free-photo/steel-faucet-interior-modern-bathroom-with-window_169016-26704.jpg?_wi=2",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Hotel Grade Shower",          price: "Hotel Grade",          variant: "Matte Finish",          imageSrc: "http://img.b2bpic.net/free-photo/steel-faucet-interior-modern-bathroom-with-window_169016-26704.jpg?_wi=3"},
-          name: "Hotel Grade Shower",
-          price: "Hotel Grade",
-          variant: "Matte Finish",
-          imageSrc: "http://img.b2bpic.net/free-photo/steel-faucet-interior-modern-bathroom-with-window_169016-26704.jpg?_wi=3",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Kitchen Flow Faucet",          price: "Durability Focused",          variant: "Stainless",          imageSrc: "http://img.b2bpic.net/free-photo/steel-faucet-interior-modern-bathroom-with-window_169016-26704.jpg?_wi=4"},
-          name: "Kitchen Flow Faucet",
-          price: "Durability Focused",
-          variant: "Stainless",
-          imageSrc: "http://img.b2bpic.net/free-photo/steel-faucet-interior-modern-bathroom-with-window_169016-26704.jpg?_wi=4",
-        },
         {
-          id: "p4",
+          id: "p4",          name: "Premium Hand Shower",          price: "Best Seller",          variant: "Polished",          imageSrc: "http://img.b2bpic.net/free-photo/steel-faucet-interior-modern-bathroom-with-window_169016-26704.jpg?_wi=5"},
-          name: "Premium Hand Shower",
-          price: "Best Seller",
-          variant: "Polished",
-          imageSrc: "http://img.b2bpic.net/free-photo/steel-faucet-interior-modern-bathroom-with-window_169016-26704.jpg?_wi=5",
-        },
         {
-          id: "p5",
+          id: "p5",          name: "Smart Touch Faucet",          price: "Tech Enhanced",          variant: "Modern",          imageSrc: "http://img.b2bpic.net/free-photo/steel-faucet-interior-modern-bathroom-with-window_169016-26704.jpg?_wi=6"},
-          name: "Smart Touch Faucet",
-          price: "Tech Enhanced",
-          variant: "Modern",
-          imageSrc: "http://img.b2bpic.net/free-photo/steel-faucet-interior-modern-bathroom-with-window_169016-26704.jpg?_wi=6",
-        },
         {
-          id: "p6",
+          id: "p6",          name: "Bath Spout Set",          price: "Classic Design",          variant: "Chrome",          imageSrc: "http://img.b2bpic.net/free-photo/steel-faucet-interior-modern-bathroom-with-window_169016-26704.jpg?_wi=7"},
-          name: "Bath Spout Set",
-          price: "Classic Design",
-          variant: "Chrome",
-          imageSrc: "http://img.b2bpic.net/free-photo/steel-faucet-interior-modern-bathroom-with-window_169016-26704.jpg?_wi=7",
-        },
       ]}
       title="Our Full Collection"
       description="Curated designs for every functional need."
@@ -200,9 +128,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Excellence by design"
       description={[
-        "Every faucet undergoes rigorous testing, ensuring zero rejections across our 15+ large-scale projects.",
+        "For 50 years, we have been setting the standard in precision engineering, ensuring every faucet meets the highest quality benchmarks.",        "Every piece undergoes rigorous testing, ensuring zero rejections across our 15+ large-scale projects. We don't just sell fittings; we provide the foundation for spaces that last. Our mint accents represent our commitment to freshness, while our deep navy builds the trust our clients rely on."]}
-        "We don't just sell fittings; we provide the foundation for spaces that last. Our mint accents represent our commitment to freshness, while our deep navy builds the trust our clients rely on.",
-      ]}
     />
   </div>
 
@@ -214,45 +140,20 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Sarah Jenkins",          role: "Hotel Owner",          company: "Grand Suites",          rating: 5,
-          name: "Sarah Jenkins",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-arms-crossed_107420-12323.jpg"},
-          role: "Hotel Owner",
-          company: "Grand Suites",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-arms-crossed_107420-12323.jpg",
-        },
         {
-          id: "2",
+          id: "2",          name: "Mark Thornton",          role: "Head Contractor",          company: "BuildRight",          rating: 5,
-          name: "Mark Thornton",
+          imageSrc: "http://img.b2bpic.net/free-photo/image-handsome-man-posing-studio_613910-7500.jpg"},
-          role: "Head Contractor",
-          company: "BuildRight",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/image-handsome-man-posing-studio_613910-7500.jpg",
-        },
         {
-          id: "3",
+          id: "3",          name: "Elena Ross",          role: "Retail Manager",          company: "HomeBase",          rating: 5,
-          name: "Elena Ross",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204381.jpg"},
-          role: "Retail Manager",
-          company: "HomeBase",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204381.jpg",
-        },
         {
-          id: "4",
+          id: "4",          name: "David Wu",          role: "Interior Designer",          company: "Wu Design",          rating: 5,
-          name: "David Wu",
+          imageSrc: "http://img.b2bpic.net/free-photo/caucasian-manager-smiling-camera_482257-121357.jpg"},
-          role: "Interior Designer",
-          company: "Wu Design",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/caucasian-manager-smiling-camera_482257-121357.jpg",
-        },
         {
-          id: "5",
+          id: "5",          name: "Lisa Marie",          role: "Homeowner",          company: "Personal Project",          rating: 5,
-          name: "Lisa Marie",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-talking-phone-while-standing-outside-office-buildings-business-success-concept_58466-12283.jpg"},
-          role: "Homeowner",
-          company: "Personal Project",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-talking-phone-while-standing-outside-office-buildings-business-success-concept_58466-12283.jpg",
-        },
       ]}
       title="What our partners say"
       description="Trusted by industry experts and happy homeowners."
@@ -266,16 +167,10 @@ export default function LandingPage() {
       description="Ready to upgrade your project? WhatsApp or email our team directly for a professional consultation."
       inputs={[
         {
-          name: "name",
+          name: "name",          type: "text",          placeholder: "Name",          required: true,
-          type: "text",
-          placeholder: "Name",
-          required: true,
         },
         {
-          name: "email",
+          name: "email",          type: "email",          placeholder: "Email",          required: true,
-          type: "email",
-          placeholder: "Email",
-          required: true,
         },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/steel-faucet-interior-modern-bathroom-with-window_169016-26704.jpg?_wi=8"
@@ -286,16 +181,12 @@ export default function LandingPage() {
       <FooterLogoReveal
       logoText="Aarav Faucets & Bath Fittings"
       leftLink={{
-        text: "© 2024 Aarav. All Rights Reserved.",
+        text: "© 2024 Aarav. All Rights Reserved.",        href: "#"}}
-        href: "#",
-      }}
       rightLink={{
-        text: "Privacy Policy",
+        text: "Privacy Policy",        href: "#"}}
-        href: "#",
-      }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -12,13 +12,13 @@
 
   --background: #ffffff;
   --card: #f9f9f9;
-  --foreground: #1D4E6B;
+  --foreground: #000612e6;
-  --primary-cta: #1D4E6B;
+  --primary-cta: #15479c;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #7dd3c8;
+  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #1D4E6B;
+  --secondary-cta-text: #000612e6;
   --accent: #e2e2e2;
-  --background-accent: #f0f7f9;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);