Merge version_4 into main

Merge version_4 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?_wi=1"
+            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

@@ -5,13 +5,13 @@ import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 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 (
@@ -37,29 +37,20 @@ export default function LandingPage() {
         { name: "Projects", id: "#projects" },
         { name: "Contact", id: "#contact" }
       ]}
-      brandName="JT Brother's"
+      brandName="JT Brother's Construction"
       button={{ text: "Get Estimate", href: "#contact" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboard
-      background={{ variant: "canvas-reveal" }}
-      title="Build Your Vision With San Diego’s Trusted Construction Team"
-      description="JT Brother’s Construction delivers expert remodeling, ADU construction, and custom home upgrades with craftsmanship you can trust. ⭐ 4.9 Star Rating | 80+ Verified Reviews"
-      buttons={[{ text: "Get Free Estimate", href: "#contact" }, { text: "View Our Work", href: "#projects" }]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8TYAgpfo8mE3TmExjSyM8kiZj/luxury-modern-home-remodel-exterior-with-1775784004048-491f192c.png"
-      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" }
-      ]}
-      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" }]}
+      <HeroLogoBillboard
+        logoText="JT Brother's Construction"
+        description="JT Brother’s Construction delivers expert remodeling, ADU construction, and custom home upgrades with craftsmanship you can trust. ⭐ 4.9 Star Rating | 80+ Verified Reviews"
+        buttons={[{ text: "Get Free Estimate", href: "#contact" }, { text: "View Our Work", href: "#projects" }]}
+        background={{ variant: "gradient-bars" }}
+        imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8TYAgpfo8mE3TmExjSyM8kiZj/luxury-modern-home-remodel-exterior-with-1775784004048-491f192c.png"
+        imageAlt="Luxury home construction"
+        mediaAnimation="blur-reveal"
     />
   </div>
 
@@ -68,7 +59,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="A Construction Company Built on Trust"
       description="JT Brother’s Construction is a family-driven company dedicated to delivering high-quality work and honest service. From remodels to custom ADU builds, every project is treated as if it were our own home. Our crew works closely with you to exceed expectations."
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8TYAgpfo8mE3TmExjSyM8kiZj/professional-team-of-construction-expert-1775784004238-18894b8b.png"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8TYAgpfo8mE3TmExjSyM8kiZj/professional-team-of-construction-expert-1775784004238-18894b8b.png?_wi=2"
       imageAlt="Our expert team"
     />
   </div>
@@ -79,15 +70,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 +89,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://images.unsplash.com/photo-1620626011761-99ccc319eba1?w=800&q=80" },
+        { id: "p2", name: "Garage to ADU Conversion", price: "View Project", imageSrc: "https://images.unsplash.com/photo-1518780664697-55e3ad937233?w=800&q=80" },
+        { id: "p3", name: "Custom Kitchen Renovation", price: "View Project", imageSrc: "https://images.unsplash.com/photo-1556912173-3d706393e772?w=800&q=80" },
+        { id: "p4", name: "Deck Reconstruction", price: "View Project", imageSrc: "https://images.unsplash.com/photo-1540574163026-643ea20ade25?w=800&q=80" },
+        { id: "p5", name: "Full Interior Remodel", price: "View Project", imageSrc: "https://images.unsplash.com/photo-1616486338812-3dadae4b4ace?w=800&q=80" },
+        { id: "p6", name: "Custom ADU Build", price: "View Project", imageSrc: "https://images.unsplash.com/photo-1580587771525-78b9dba3b914?w=800&q=80" }
       ]}
       title="Featured Projects"
       description="Precision craftsmanship you can trust."
@@ -116,10 +107,10 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         { id: "1", title: "Dream Team", quote: "Jonathan, Trevor, and Cesar are a dream team. Professional, trustworthy, and dedicated.", name: "Sandie Shepard", role: "Homeowner", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8TYAgpfo8mE3TmExjSyM8kiZj/close-up-professional-portrait-of-a-sati-1775784004372-fa3c2f43.png?_wi=1" },
-        { id: "2", title: "Excellent Vision", quote: "They completely remodeled our bathroom and brought our vision to life with precision.", name: "Angel", role: "Homeowner", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8TYAgpfo8mE3TmExjSyM8kiZj/close-up-professional-portrait-of-a-sati-1775784004372-fa3c2f43.png?_wi=2" },
-        { id: "3", title: "Outstanding Results", quote: "They remodeled my garage and kitchen and the results were outstanding. Excellent craftsmanship.", name: "Miguel Barajas", role: "Homeowner", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8TYAgpfo8mE3TmExjSyM8kiZj/close-up-professional-portrait-of-a-sati-1775784004372-fa3c2f43.png?_wi=3" },
-        { id: "4", title: "Fantastic Team", quote: "Fantastic team. Respectful, clean, excellent work, and very fair pricing.", name: "Nick Rosner", role: "Homeowner", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8TYAgpfo8mE3TmExjSyM8kiZj/close-up-professional-portrait-of-a-sati-1775784004372-fa3c2f43.png?_wi=4" },
-        { id: "5", title: "Highly Recommend", quote: "We loved working with JT Brother's. Professionalism at its finest.", name: "Sarah J.", role: "Homeowner", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C8TYAgpfo8mE3TmExjSyM8kiZj/close-up-professional-portrait-of-a-sati-1775784004372-fa3c2f43.png?_wi=5" }
+        { id: "2", title: "Excellent Vision", quote: "They completely remodeled our bathroom and brought our vision to life with precision.", name: "Angel", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/happy-adult-son-his-mature-father-holding-hands-while-greeting-each-other-kitchen_637285-10296.jpg?id=26652135" },
+        { id: "3", title: "Outstanding Results", quote: "They remodeled my garage and kitchen and the results were outstanding. Excellent craftsmanship.", name: "Miguel Barajas", role: "Homeowner", imageSrc: "http://img.b2bpic.net/premium-photo/happy-couple-standing-front-their-modern-home-sunset-proud-new-homeowners_543222-13650.jpg?id=324634233" },
+        { id: "4", title: "Fantastic Team", quote: "Fantastic team. Respectful, clean, excellent work, and very fair pricing.", name: "Nick Rosner", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-man-receiving-package-from-courier-signing-paperwork-front-his-house_637285-1270.jpg?id=25622097" },
+        { id: "5", title: "Highly Recommend", quote: "We loved working with JT Brother's. Professionalism at its finest.", name: "Sarah J.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-cooking-man_23-2147766909.jpg?id=1846598" }
       ]}
       title="Trusted by San Diego Homeowners"
       description="⭐ 4.9 Stars from 80+ Reviews"
@@ -174,4 +165,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --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;
+  --background: #efebe5;
+  --card: #f7f2ea;
+  --foreground: #000000;
+  --primary-cta: #000000;
+  --primary-cta-text: #efebe5;
+  --secondary-cta: #ffffff;
+  --secondary-cta-text: #000000;
+  --accent: #ffffff;
+  --background-accent: #e1b875;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);