Update theme colors

Merge version_1 into main

src/app/about/page.tsx

@@ -0,0 +1,73 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import MediaAbout from '@/components/sections/about/MediaAbout';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-shift"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="mediumLarge"
+        sizing="largeSmallSizeMediumTitles"
+        background="blurBottom"
+        cardStyle="solid"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="solid"
+        headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <NavbarLayoutFloatingOverlay
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "/about" },
+            { name: "Services", id: "/#services" },
+            { name: "Projects", id: "/#projects" },
+            { name: "Contact", id: "/#contact" }
+          ]}
+          brandName="JT Brother's"
+          button={{ text: "Get Estimate", href: "/#contact" }}
+        />
+        
+        <div className="pt-32 pb-16">
+          <MediaAbout
+            title="Our Story: Craftsmanship & Integrity"
+            description="Founded in San Diego, JT Brother's Construction was built on the values of hard work and honest communication. We believe that every home deserves a touch of perfection, and our mission is to transform your living spaces into sanctuaries that inspire. With years of collective experience, our family-led team brings precision and passion to every single detail of your project."
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8TYAgpfo8mE3TmExjSyM8kiZj/professional-team-of-construction-expert-1775784004238-18894b8b.png"
+            useInvertedBackground={false}
+          />
+          
+          <div className="max-w-4xl mx-auto px-6 py-16">
+            <h2 className="text-3xl font-bold mb-6">Our Mission</h2>
+            <p className="text-lg text-gray-600 mb-8">
+              To be the premier construction partner for San Diego homeowners by delivering exceptional craftsmanship, maintaining transparent timelines, and ensuring every client feels heard throughout the entire building process.
+            </p>
+            <h2 className="text-3xl font-bold mb-6">Our Values</h2>
+            <ul className="list-disc pl-6 space-y-4 text-lg text-gray-600">
+              <li><strong>Integrity:</strong> We do what we say, and we do it right.</li>
+              <li><strong>Quality:</strong> We use top-tier materials and refined techniques.</li>
+              <li><strong>Trust:</strong> Your home is your biggest asset, and we respect that.</li>
+              <li><strong>Innovation:</strong> Always staying ahead with modern design and building practices.</li>
+            </ul>
+          </div>
+        </div>
+
+        <FooterBaseCard
+          logoText="JT Brother’s Construction"
+          columns={[
+            {
+              title: "Services", items: [{ label: "ADU Construction", href: "/#services" }, { label: "Home Remodeling", href: "/#services" }, { label: "Kitchen Remodeling", href: "/#services" }, { label: "Bathroom Remodeling", href: "/#services" }]
+            },
+            {
+              title: "Company", items: [{ label: "Contact", href: "/#contact" }, { label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }]
+            }
+          ]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -11,7 +11,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
-import { Award, Building, Building2, CheckCircle, Droplet, FileText, Home, MessageSquare, Wrench, Hammer } from "lucide-react";
+import { Award, Building, Building2, CheckCircle, Droplet, FileText, Home, MessageSquare, Wrench, Hammer, Zap, Settings, Sun, Paintbrush } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -52,11 +52,11 @@ export default function LandingPage() {
       imageAlt="Luxury home construction"
       mediaAnimation="blur-reveal"
       avatars={[
-        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8TYAgpfo8mE3TmExjSyM8kiZj/close-up-professional-portrait-of-a-sati-1775784004372-fa3c2f43.png", alt: "Client 1" },
-        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8TYAgpfo8mE3TmExjSyM8kiZj/close-up-professional-portrait-of-a-sati-1775784004372-fa3c2f43.png", alt: "Client 2" },
-        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8TYAgpfo8mE3TmExjSyM8kiZj/close-up-professional-portrait-of-a-sati-1775784004372-fa3c2f43.png", alt: "Client 3" },
-        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8TYAgpfo8mE3TmExjSyM8kiZj/close-up-professional-portrait-of-a-sati-1775784004372-fa3c2f43.png", alt: "Client 4" },
-        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8TYAgpfo8mE3TmExjSyM8kiZj/close-up-professional-portrait-of-a-sati-1775784004372-fa3c2f43.png", alt: "Client 5" }
+        { src: "http://img.b2bpic.net/free-photo/happy-couple-standing-embraced-while-drinking-wine-kitchen_637285-3748.jpg?id=25777457", alt: "Client 1" },
+        { src: "http://img.b2bpic.net/free-photo/happy-couple-standing-embraced-while-drinking-wine-kitchen_637285-3748.jpg?id=25777457", alt: "Client 2" },
+        { src: "http://img.b2bpic.net/free-photo/happy-couple-standing-embraced-while-drinking-wine-kitchen_637285-3748.jpg?id=25777457", alt: "Client 3" },
+        { src: "http://img.b2bpic.net/free-photo/happy-couple-standing-embraced-while-drinking-wine-kitchen_637285-3748.jpg?id=25777457", alt: "Client 4" },
+        { src: "http://img.b2bpic.net/free-photo/happy-couple-standing-embraced-while-drinking-wine-kitchen_637285-3748.jpg?id=25777457", alt: "Client 5" }
       ]}
       avatarText="Trusted by 80+ local homeowners"
       marqueeItems={[{ type: "text", text: "Licensed & Insured" }, { type: "text", text: "Expert Craftsmanship" }, { type: "text", text: "San Diego Based" }, { type: "text", text: "4.9 Star Rating" }, { type: "text", text: "Free Estimates" }]}
@@ -79,15 +79,15 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        { title: "Full Home Remodeling", description: "Modern design and expert construction for your entire home.", bentoComponent: "reveal-icon", icon: Home },
-        { title: "Kitchen Remodeling", description: "Custom cabinets, countertops, and modern upgrades.", bentoComponent: "reveal-icon", icon: Award },
-        { title: "Bathroom Remodeling", description: "Luxury designs built for comfort and durability.", bentoComponent: "reveal-icon", icon: Droplet },
-        { title: "ADU Construction", description: "Custom Accessory Dwelling Units to add value.", bentoComponent: "reveal-icon", icon: Building },
-        { title: "Repairs & Restoration", description: "Water damage and structural repairs.", bentoComponent: "reveal-icon", icon: Wrench },
-        { title: "Exterior Construction", description: "Deck builds and exterior structural improvements.", bentoComponent: "reveal-icon", icon: Building2 }
+        { title: "Full Home Remodeling", description: "Complete transformations from floor to ceiling. We manage everything including demolition, structural framing, and finish carpentry to ensure a seamless experience throughout your home renovation journey.", bentoComponent: "reveal-icon", icon: Home },
+        { title: "Custom Kitchens", description: "High-end kitchen remodels featuring custom cabinetry, premium stone countertops, smart appliance integration, and modern lighting layouts designed for culinary perfection and family gatherings.", bentoComponent: "reveal-icon", icon: Award },
+        { title: "Luxury Bathrooms", description: "Turn your bathroom into a private retreat. We install spa-inspired walk-in showers, custom tiling, heated floors, and premium fixtures designed for longevity, comfort, and ultimate relaxation.", bentoComponent: "reveal-icon", icon: Droplet },
+        { title: "ADU Construction", description: "Maximize your property value with high-quality ADU builds. We handle the entire process from foundation and utility hookups to interior finishes, ensuring your new unit is fully functional and beautiful.", bentoComponent: "reveal-icon", icon: Building },
+        { title: "Structural Repairs", description: "From dry rot remediation and earthquake retrofitting to major foundation work, we ensure your home is structurally sound, safe, and built to withstand the test of time.", bentoComponent: "reveal-icon", icon: Wrench },
+        { title: "Outdoor Living", description: "Create the ultimate backyard oasis with custom-built decks, pergolas, outdoor kitchens, and hardscaping elements that blend seamlessly with your home architecture.", bentoComponent: "reveal-icon", icon: Sun }
       ]}
       title="Expert Construction Services"
-      description="Comprehensive design and build solutions for San Diego homeowners."
+      description="Comprehensive, high-end design and build solutions crafted specifically for San Diego homeowners."
     />
   </div>
 
@@ -98,12 +98,12 @@ export default function LandingPage() {
       animationType="slide-up"
       useInvertedBackground={false}
       products={[
-        { id: "p1", name: "Modern Bathroom Remodel", price: "View Project", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8TYAgpfo8mE3TmExjSyM8kiZj/modern-luxury-bathroom-remodel-with-marb-1775784004876-5f55723b.png?_wi=1" },
-        { id: "p2", name: "Garage to ADU Conversion", price: "View Project", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8TYAgpfo8mE3TmExjSyM8kiZj/custom-modern-kitchen-renovation-with-pr-1775784004730-cfd9896f.png?_wi=1" },
-        { id: "p3", name: "Custom Kitchen Renovation", price: "View Project", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8TYAgpfo8mE3TmExjSyM8kiZj/beautiful-modern-outdoor-deck-constructi-1775784004437-8eb64f5c.png?_wi=1" },
-        { id: "p4", name: "Deck Reconstruction", price: "View Project", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8TYAgpfo8mE3TmExjSyM8kiZj/modern-luxury-bathroom-remodel-with-marb-1775784004876-5f55723b.png?_wi=2" },
-        { id: "p5", name: "Full Interior Remodel", price: "View Project", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8TYAgpfo8mE3TmExjSyM8kiZj/custom-modern-kitchen-renovation-with-pr-1775784004730-cfd9896f.png?_wi=2" },
-        { id: "p6", name: "Custom ADU Build", price: "View Project", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8TYAgpfo8mE3TmExjSyM8kiZj/beautiful-modern-outdoor-deck-constructi-1775784004437-8eb64f5c.png?_wi=2" }
+        { id: "p1", name: "Modern Bathroom Remodel", price: "View Project", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8TYAgpfo8mE3TmExjSyM8kiZj/luxury-modern-home-remodel-exterior-with-1775784004048-491f192c.png?_wi=1" },
+        { id: "p2", name: "Garage to ADU Conversion", price: "View Project", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8TYAgpfo8mE3TmExjSyM8kiZj/professional-team-of-construction-expert-1775784004238-18894b8b.png?_wi=1" },
+        { id: "p3", name: "Custom Kitchen Renovation", price: "View Project", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8TYAgpfo8mE3TmExjSyM8kiZj/luxury-architectural-detail-of-a-modern--1775784005461-df6287d7.png?_wi=1" },
+        { id: "p4", name: "Deck Reconstruction", price: "View Project", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8TYAgpfo8mE3TmExjSyM8kiZj/modern-luxury-bathroom-remodel-with-marb-1775784004876-5f55723b.png?_wi=1" },
+        { id: "p5", name: "Full Interior Remodel", price: "View Project", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8TYAgpfo8mE3TmExjSyM8kiZj/custom-modern-kitchen-renovation-with-pr-1775784004730-cfd9896f.png?_wi=1" },
+        { id: "p6", name: "Custom ADU Build", price: "View Project", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8TYAgpfo8mE3TmExjSyM8kiZj/beautiful-modern-outdoor-deck-constructi-1775784004437-8eb64f5c.png?_wi=1" }
       ]}
       title="Featured Projects"
       description="Precision craftsmanship you can trust."
@@ -174,4 +174,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

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