bender/e5489397-70c7-420f-b763-c62ec7bffffd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #4.
This commit is contained in:
bender
2026-04-07 12:35:08 +00:00
parent 19b2876352 1d140865da
commit bb7ba7e70c
2 changed files with 49 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

111
src/app/page.tsx
View File

@@ -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"
cardStyle="subtle-shadow"
background="circleGradient"
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"
button={{ text: "Get a Quote", href: "#contact" }}
brandName="Cup of Cake"
button={{ text: "Order Now", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{ variant: "gradient-bars" }}
title="Cape Carpenter & Woodworkers Cooperative"
description="Exceptional craftsmanship. Precision woodwork. Transforming homes and spaces across Cape Town with premium finishes."
title="Cup of Cake"
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: "http://img.b2bpic.net/free-photo/carpenter-process-professional-tool-precision-drilling-wood_169016-52999.jpg?_wi=1", imageAlt: "Wood detail" },
{ 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" },
{ imageSrc: "https://img.freepik.com/free-photo/delicious-cupcake-table_23-2148750849.jpg?t=st=1710000000~exp=1710003600~hmac=a1b2c3d4e5f6g7h8i9j0", imageAlt: "Cupcake assortment" },
{ 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" },
]}
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: "http://img.b2bpic.net/free-photo/light-diagonal-handleless-drawer-blue-modern_169016-69049.jpg?_wi=1", imageAlt: "Built-ins" },
{ 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" },
{ 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: "https://img.freepik.com/free-photo/sweet-cupcake-with-topping-table_23-2148750857.jpg?t=st=1710000000~exp=1710003600~hmac=a1b2c3d4e5f6g7h8i9j0", imageAlt: "Bakery interior" },
]}
buttons={[{ text: "Get a Free Quote", href: "#contact" }]}
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" }]}
buttons={[{ text: "View Our Menu", href: "#services" }]}
/>
</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: "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: "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="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: "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: "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: "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="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"
buttons={[{ text: "Chat on WhatsApp", href: "https://wa.me/27827720566" }]}
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: "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"
logoText="Cape Carpenter"
imageSrc="https://img.freepik.com/free-photo/bakery-shop-interior_23-2148750875.jpg"
logoText="Cup of Cake"
columns={[
{ title: "Services", items: [{ label: "Furniture", href: "#services" }, { label: "Cupboards", href: "#services" }, { label: "Repairs", href: "#services" }] },
{ title: "Contact", items: [{ label: "WhatsApp", href: "https://wa.me/27827720566" }, { label: "Email", href: "mailto:info@capecarpenter.co.za" }] },
{ title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }, { label: "Menu", href: "#services" }] },
{ title: "Contact Info", items: [{ label: "Saldanha, Western Cape", href: "#contact" }, { label: "+27 22 714 0000", href: "tel:+27227140000" }] },
]}
/>
</div>

14
src/app/styles/variables.css
View File

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