Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -10,7 +10,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
-import { Phone, MapPin, Clock } from "lucide-react";
+import { Phone, MapPin, Clock, ShieldCheck, Truck, CreditCard } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -43,7 +43,7 @@ export default function LandingPage() {
       <HeroBillboardScroll
       background={{ variant: "gradient-bars" }}
       title="Redefining Comfort, One Piece at a Time."
-      description="Premium Houston furniture for every lifestyle. From solid oak craftsmanship to modern sectional luxury, enjoy fast nationwide shipping and unbeatable prices. We don't just match prices—we beat them."
+      description="Premium Houston furniture for every lifestyle. From solid oak craftsmanship to modern sectional luxury, enjoy fast nationwide shipping and unbeatable prices. We offer a 5-year warranty on all durable designs."
       buttons={[
         { text: "Shop Best Sellers", href: "#products" },
         { text: "Apply for Financing", href: "#financing" },
@@ -75,7 +75,8 @@ export default function LandingPage() {
         { id: "p3", name: "Rebecca Rectangle Marble Dining Set", price: "$2,399.00", imageSrc: "http://img.b2bpic.net/free-photo/wedding-table-arrangement-with-flowers_23-2149436427.jpg?_wi=1" },
       ]}
       title="Shop Our Best Sellers"
-      description="Hand-picked comfort and style, now at unbeatable prices."
+      description="Featuring durable construction and backed by our industry-leading 5-year warranty for lasting peace of mind."
+      buttons={[{ text: "Explore Full Collection", href: "#" }]}
     />
   </div>
 
@@ -83,7 +84,7 @@ export default function LandingPage() {
       <MetricSplitMediaAbout
       useInvertedBackground={true}
       title="Affordable Luxury with Easy Financing"
-      description="Start with an initial payment as low as $29 with no credit needed financing. We believe everyone deserves a beautiful home, regardless of budget."
+      description="Get your dream home today. Our flexible financing allows for low initial payments and fast approvals, perfect for any budget. Includes a 5-year warranty on all furniture."
       metrics={[
         { value: "$29", title: "Initial Payment" },
         { value: "10 min", title: "Approval Time" },
@@ -113,24 +114,29 @@ export default function LandingPage() {
       <ContactCenter
       tag="Connect With Us"
       title="Visit Our Showrooms"
-      description="Experience premium comfort at one of our two convenient Houston locations. Feel free to call us for inventory checks or questions."
+      description="Experience premium comfort at one of our two convenient Houston locations. Schedule a visit or inquire about our 5-year warranty."
       background={{ variant: "animated-grid" }}
       useInvertedBackground={true}
     />
     <div className="grid md:grid-cols-2 gap-8 py-12 px-4 max-w-6xl mx-auto">
-        <div className="p-6 border border-accent rounded-xl space-y-4">
+        <div className="p-6 border border-accent rounded-xl space-y-4 shadow-sm bg-card">
             <div className="flex items-center gap-2 text-primary-cta font-bold"><MapPin /> North Houston</div>
-            <p>1234 North Freeway, Houston, TX 77009</p>
-            <button className="underline font-semibold" onClick={() => window.location.href = 'tel:2815550101'}>Call: (281) 555-0101</button>
+            <p className="text-sm text-foreground/80">1234 North Freeway, Houston, TX 77009</p>
+            <button className="underline font-semibold text-accent" onClick={() => window.location.href = 'tel:2815550101'}>Call: (281) 555-0101</button>
             <div className="flex items-center gap-2 text-sm text-foreground/70"><Clock size={16} /> Open Daily: 10am - 8pm</div>
         </div>
-        <div className="p-6 border border-accent rounded-xl space-y-4">
+        <div className="p-6 border border-accent rounded-xl space-y-4 shadow-sm bg-card">
             <div className="flex items-center gap-2 text-primary-cta font-bold"><MapPin /> West Houston</div>
-            <p>5678 Westheimer Rd, Houston, TX 77056</p>
-            <button className="underline font-semibold" onClick={() => window.location.href = 'tel:7135550202'}>Call: (713) 555-0202</button>
+            <p className="text-sm text-foreground/80">5678 Westheimer Rd, Houston, TX 77056</p>
+            <button className="underline font-semibold text-accent" onClick={() => window.location.href = 'tel:7135550202'}>Call: (713) 555-0202</button>
             <div className="flex items-center gap-2 text-sm text-foreground/70"><Clock size={16} /> Open Daily: 10am - 8pm</div>
         </div>
     </div>
+    <div className="flex flex-wrap justify-center gap-6 pb-12 text-sm">
+        <div className="flex items-center gap-2 font-medium"><ShieldCheck className="text-primary-cta" /> 5-Year Warranty</div>
+        <div className="flex items-center gap-2 font-medium"><Truck className="text-primary-cta" /> Fast Delivery</div>
+        <div className="flex items-center gap-2 font-medium"><CreditCard className="text-primary-cta" /> Easy Financing</div>
+    </div>
   </div>
 
   <div id="footer" data-section="footer">
@@ -146,4 +152,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-source-sans-3), sans-serif;
+  font-family: var(--font-inter), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-source-sans-3), sans-serif;
+  font-family: var(--font-inter), sans-serif;
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4f0;
+  --background: #f5f5f5;
   --card: #ffffff;
-  --foreground: #1a1a1a;
-  --primary-cta: #2c2c2c;
+  --foreground: #1c1c1c;
+  --primary-cta: #1c1c1c;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #f5f4f0;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #2a2928;
-  --accent: #8a8a8a;
-  --background-accent: #e8e6e1;
+  --accent: #15479c;
+  --background-accent: #a8cce8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);