Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -9,7 +9,7 @@ import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleC
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
-import { Check } from "lucide-react";
+import { Check, Clock, MapPin, Phone } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -19,49 +19,56 @@ export default function LandingPage() {
       borderRadius="pill"
       contentWidth="medium"
       sizing="medium"
-      background="blurBottom"
+      background="circleGradient"
-      cardStyle="subtle-shadow"
+      cardStyle="glass-depth"
       primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
-      headingFontWeight="normal"
+      headingFontWeight="medium"
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
           <NavbarLayoutFloatingInline
             navItems={[
               { name: "Home", id: "hero" },
-              { name: "Services", id: "services" },
               { name: "About", id: "about" },
+              { name: "Menu", id: "services" },
               { name: "Contact", id: "contact" },
             ]}
-            brandName="Cape Carpenter"
+            brandName="Cup of Cake"
-            button={{ text: "Get a Quote", href: "#contact" }}
+            button={{ text: "Order Now", href: "#contact" }}
           />
         </div>
 
         <div id="hero" data-section="hero">
           <HeroSplitDoubleCarousel
             background={{ variant: "gradient-bars" }}
-            title="Cape Carpenter & Woodworkers Cooperative"
+            title="Cup of Cake"
-            description="Exceptional craftsmanship. Precision woodwork. Transforming homes and spaces across Cape Town with premium finishes."
+            description="Saldanha's sweetest delight. Handcrafted cupcakes and artisanal baked goods made fresh daily with love."
             leftCarouselItems={[
-              { imageSrc: "http://img.b2bpic.net/free-photo/handsome-carpenter-working-with-wood_1157-26093.jpg?_wi=1", imageAlt: "Woodworking workshop" },
+              { imageSrc: "https://img.freepik.com/free-photo/delicious-cupcake-table_23-2148750849.jpg?t=st=1710000000~exp=1710003600~hmac=a1b2c3d4e5f6g7h8i9j0", imageAlt: "Cupcake assortment" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/carpenter-process-professional-tool-precision-drilling-wood_169016-52999.jpg?_wi=1", imageAlt: "Wood detail" },
+              { imageSrc: "https://img.freepik.com/free-photo/view-yummy-cupcakes-table_23-2148750853.jpg?t=st=1710000000~exp=1710003600~hmac=a1b2c3d4e5f6g7h8i9j0", imageAlt: "Freshly baked cupcakes" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692407.jpg?_wi=1", imageAlt: "Cabinetry work" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263577.jpg?_wi=1", imageAlt: "Interior design" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/wood-crafting-objects-assortment_23-2148732464.jpg?_wi=1", imageAlt: "Furniture" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13259.jpg?_wi=1", imageAlt: "Decking" },
             ]}
             rightCarouselItems={[
-              { imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263577.jpg?_wi=2", imageAlt: "Interior design" },
+              { imageSrc: "https://img.freepik.com/free-photo/delicious-cupcake-with-creamy-topping_23-2148750855.jpg?t=st=1710000000~exp=1710003600~hmac=a1b2c3d4e5f6g7h8i9j0", imageAlt: "Cupcake close-up" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/light-diagonal-handleless-drawer-blue-modern_169016-69049.jpg?_wi=1", imageAlt: "Built-ins" },
+              { imageSrc: "https://img.freepik.com/free-photo/sweet-cupcake-with-topping-table_23-2148750857.jpg?t=st=1710000000~exp=1710003600~hmac=a1b2c3d4e5f6g7h8i9j0", imageAlt: "Bakery interior" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/wood-crafting-objects-assortment_23-2148732464.jpg?_wi=2", imageAlt: "Custom furniture" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/carpenter-process-professional-tool-precision-drilling-wood_169016-52999.jpg?_wi=2", imageAlt: "Architecture" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692407.jpg?_wi=2", imageAlt: "Wood detail" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/handsome-carpenter-working-with-wood_1157-26093.jpg?_wi=2", imageAlt: "Workshop" },
             ]}
-            buttons={[{ text: "Get a Free Quote", href: "#contact" }]}
+            buttons={[{ text: "View Our Menu", href: "#services" }]}
-            marqueeItems={[{ type: "text", text: "Bespoke Joinery" }, { type: "text", text: "Sustainable Wood" }, { type: "text", text: "Master Craftsmanship" }, { type: "text", text: "Premium Finishes" }, { type: "text", text: "Timeless Design" }]}
+          />
+        </div>
+
+        <div id="about" data-section="about">
+          <SplitAbout
+            textboxLayout="split"
+            useInvertedBackground={true}
+            title="About Cup of Cake"
+            description="Located in the heart of Saldanha, we are dedicated to bringing joy through every bite. We combine traditional family recipes with modern flair to create unique treats for your special occasions."
+            bulletPoints={[
+              { title: "Locally Sourced", description: "Supporting local farmers with high-quality ingredients." },
+              { title: "Freshly Baked", description: "Baked from scratch every single morning." },
+              { title: "Custom Orders", description: "Personalized designs for events and celebrations." },
+            ]}
+            imageSrc="https://img.freepik.com/free-photo/woman-baking-cupcakes-kitchen_23-2148750860.jpg"
+            mediaAnimation="blur-reveal"
           />
         </div>
 
@@ -71,65 +78,31 @@ export default function LandingPage() {
             textboxLayout="default"
             useInvertedBackground={false}
             features={[
-              { title: "Custom Furniture", description: "Handcrafted furniture designed with precision.", media: { imageSrc: "http://img.b2bpic.net/free-photo/wood-crafting-objects-assortment_23-2148732464.jpg?_wi=3", imageAlt: "Furniture" }, items: [{ icon: Check, text: "Ergonomic designs" }, { icon: Check, text: "Premium timber selection" }], reverse: false },
+              { title: "Classic Vanilla Bean", description: "Our signature cupcake with Madagascar vanilla bean frosting.", media: { imageSrc: "https://img.freepik.com/free-photo/cupcake-vanilla_23-2148750865.jpg" }, items: [{ icon: Check, text: "Made with organic cream" }], reverse: false },
-              { title: "Built-in Cupboards", description: "Modern storage solutions maximizing space.", media: { imageSrc: "http://img.b2bpic.net/free-photo/light-diagonal-handleless-drawer-blue-modern_169016-69049.jpg?_wi=2", imageAlt: "Cupboards" }, items: [{ icon: Check, text: "Floor-to-ceiling storage" }, { icon: Check, text: "Soft-close mechanisms" }], reverse: true },
+              { title: "Midnight Chocolate", description: "Rich, dark cocoa sponge with decadent ganache.", media: { imageSrc: "https://img.freepik.com/free-photo/cupcake-chocolate_23-2148750867.jpg" }, items: [{ icon: Check, text: "Gluten-free options available" }], reverse: true },
-              { title: "Decking & Outdoor", description: "Weather-resistant decks for outdoor living.", media: { imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13259.jpg?_wi=2", imageAlt: "Decking" }, items: [{ icon: Check, text: "UV protected finish" }, { icon: Check, text: "Hardwood durability" }], reverse: false },
+              { title: "Strawberry Cream", description: "Fresh strawberries topped with a swirl of light cream.", media: { imageSrc: "https://img.freepik.com/free-photo/cupcake-strawberry_23-2148750869.jpg" }, items: [{ icon: Check, text: "Seasonal fruit topping" }], reverse: false },
-            ]}
-            title="Our Services"
-            description="Premium wood solutions for every need."
-          />
-        </div>
-
-        <div id="about" data-section="about">
-          <SplitAbout
-            textboxLayout="split"
-            useInvertedBackground={false}
-            title="Why Choose Us"
-            description="Cape Carpenter & Woodworkers Cooperative is known for outstanding craftsmanship, reliable service, and attention to detail."
-            bulletPoints={[
-              { title: "Outstanding Craftsmanship", description: "Precision in every joint and finish." },
-              { title: "Reliable Service", description: "On-time delivery and clear communication." },
-              { title: "Attention to Detail", description: "We care about the small things." },
-              { title: "Sustainable Practices", description: "Environmentally conscious wood sourcing." },
-              { title: "Local Expertise", description: "Deep understanding of local climate needs." },
-            ]}
-            imageSrc="http://img.b2bpic.net/free-photo/male-wood-worker-his-shop-working-with-tools-equipment_23-2150861605.jpg"
-            mediaAnimation="blur-reveal"
-          />
-        </div>
-
-        <div id="testimonials" data-section="testimonials">
-          <TestimonialCardFive
-            textboxLayout="default"
-            useInvertedBackground={false}
-            title="Client Reviews"
-            description="See what our happy clients say about our craftsmanship."
-            testimonials={[
-              { id: "1", name: "Sarah J.", date: "2024", title: "Delighted Homeowner", quote: "Excellent workmanship and attention to detail.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-woman-home_23-2148899724.jpg" },
-              { id: "2", name: "Mark D.", date: "2024", title: "Business Owner", quote: "Reliable, professional, and affordable service.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg" },
-              { id: "3", name: "Elena R.", date: "2024", title: "Designer", quote: "Top-quality finishes that truly stand out.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-smiling-senior-couple-sitting-yoga-mat-home_23-2148097392.jpg" },
-              { id: "4", name: "John K.", date: "2024", title: "Architect", quote: "The best carpentry work in the Cape.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/young-man-looking-smartphone-holding-cup-while-his-friend-working-kitchen_23-2148195243.jpg" },
-              { id: "5", name: "Lara M.", date: "2024", title: "Homeowner", quote: "Highly recommended for any renovation.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/architect-smiling-while-looking-camera_23-2148242957.jpg" },
             ]}
+            title="Menu of Favorites"
+            description="Our most loved treats that keep our customers coming back."
           />
         </div>
 
         <div id="contact" data-section="contact">
           <ContactText
-            useInvertedBackground={false}
+            useInvertedBackground={true}
             background={{ variant: "sparkles-gradient" }}
-            text="Contact Us: 📍 36 Broad Rd, Wynberg, Cape Town | 📞 +27 82 772 0566"
+            text="Visit us at 12 Marine Drive, Saldanha. Open Tuesday to Saturday, 9 AM - 5 PM. Call us at +27 22 714 0000."
-            buttons={[{ text: "Chat on WhatsApp", href: "https://wa.me/27827720566" }]}
+            buttons={[{ text: "Call to Order", href: "tel:+27227140000" }]}
           />
         </div>
 
         <div id="footer" data-section="footer">
           <FooterMedia
-            imageSrc="http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263577.jpg?_wi=3"
+            imageSrc="https://img.freepik.com/free-photo/bakery-shop-interior_23-2148750875.jpg"
-            logoText="Cape Carpenter"
+            logoText="Cup of Cake"
             columns={[
-              { title: "Services", items: [{ label: "Furniture", href: "#services" }, { label: "Cupboards", href: "#services" }, { label: "Repairs", href: "#services" }] },
+              { title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }, { label: "Menu", href: "#services" }] },
-              { title: "Contact", items: [{ label: "WhatsApp", href: "https://wa.me/27827720566" }, { label: "Email", href: "mailto:info@capecarpenter.co.za" }] },
+              { title: "Contact Info", items: [{ label: "Saldanha, Western Cape", href: "#contact" }, { label: "+27 22 714 0000", href: "tel:+27227140000" }] },
             ]}
           />
         </div>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0b0b0b;
+  --background: #fdf6f6;
-  --card: #1a1a1a;
+  --card: #fffaf0;
-  --foreground: #ffffff;
+  --foreground: #4a3b3b;
-  --primary-cta: #d4af37;
+  --primary-cta: #ffb7c5;
   --primary-cta-text: #000000;
-  --secondary-cta: #1a1a1a;
+  --secondary-cta: #fffaf0;
   --secondary-cta-text: #ffffff;
-  --accent: #222222;
+  --accent: #ff9aa2;
-  --background-accent: #222222;
+  --background-accent: #fce4e4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);