Merge version_1 into main #2
@@ -16,7 +16,7 @@ export default function AboutPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="noise"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -42,31 +42,21 @@ export default function AboutPage() {
|
||||
tag="Family Farm Business"
|
||||
tagIcon={Heart}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "noise" }}
|
||||
background={{ variant: "plain" }}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-daisy-mountain-landscape-with-green-grass-park-foreground_181624-50333.jpg?_wi=4",
|
||||
imageAlt: "Our farm location",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-daisy-mountain-landscape-with-green-grass-park-foreground_181624-50333.jpg", imageAlt: "Our farm location"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-wood-chopping-axes_23-2148568602.jpg?_wi=3",
|
||||
imageAlt: "Premium firewood",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-wood-chopping-axes_23-2148568602.jpg", imageAlt: "Premium firewood"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-rainbow-cupcake-still-life_23-2150423818.jpg?_wi=3",
|
||||
imageAlt: "Fresh cupcakes",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-rainbow-cupcake-still-life_23-2150423818.jpg", imageAlt: "Fresh cupcakes"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get to Know Us",
|
||||
href: "contact",
|
||||
},
|
||||
text: "Get to Know Us", href: "contact"},
|
||||
{
|
||||
text: "Visit Our Farm",
|
||||
href: "tel:0832619619",
|
||||
},
|
||||
text: "Visit Our Farm", href: "tel:0832619619"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -78,38 +68,17 @@ export default function AboutPage() {
|
||||
description="What drives us to deliver excellence every single day"
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Quality First",
|
||||
descriptions: [
|
||||
"We never compromise on the quality of our products",
|
||||
"Firewood is properly seasoned and dried for optimal performance",
|
||||
"Cupcakes are baked fresh daily with premium ingredients",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-wood-chopping-axes_23-2148568602.jpg?_wi=4",
|
||||
imageAlt: "Quality firewood inspection",
|
||||
},
|
||||
id: "1", title: "Quality First", descriptions: [
|
||||
"We never compromise on the quality of our products", "Firewood is properly seasoned and dried for optimal performance", "Cupcakes are baked fresh daily with premium ingredients"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-wood-chopping-axes_23-2148568602.jpg", imageAlt: "Quality firewood inspection"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Community Connection",
|
||||
descriptions: [
|
||||
"Supporting local families and businesses is our mission",
|
||||
"We take pride in being part of the Thabazimbi community",
|
||||
"Fair pricing that values both our products and our customers",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-daisy-mountain-landscape-with-green-grass-park-foreground_181624-50333.jpg?_wi=5",
|
||||
imageAlt: "Our community farm",
|
||||
},
|
||||
id: "2", title: "Community Connection", descriptions: [
|
||||
"Supporting local families and businesses is our mission", "We take pride in being part of the Thabazimbi community", "Fair pricing that values both our products and our customers"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-daisy-mountain-landscape-with-green-grass-park-foreground_181624-50333.jpg", imageAlt: "Our community farm"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Authentic & Trusted",
|
||||
descriptions: [
|
||||
"Built on honesty, reliability, and authentic service",
|
||||
"Years of experience delivering exceptional products",
|
||||
"Customer satisfaction is our greatest achievement",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cupcakes-pine-cone-platter-garland-baubles-marble-surface_114579-25521.jpg?_wi=4",
|
||||
imageAlt: "Authentic farm products",
|
||||
},
|
||||
id: "3", title: "Authentic & Trusted", descriptions: [
|
||||
"Built on honesty, reliability, and authentic service", "Years of experience delivering exceptional products", "Customer satisfaction is our greatest achievement"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cupcakes-pine-cone-platter-garland-baubles-marble-surface_114579-25521.jpg", imageAlt: "Authentic farm products"},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
@@ -126,13 +95,9 @@ export default function AboutPage() {
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Today",
|
||||
href: "tel:0832619619",
|
||||
},
|
||||
text: "Order Today", href: "tel:0832619619"},
|
||||
{
|
||||
text: "Get in Touch",
|
||||
href: "contact",
|
||||
},
|
||||
text: "Get in Touch", href: "contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -141,24 +106,21 @@ export default function AboutPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
title: "Products", items: [
|
||||
{ label: "Firewood", href: "firewood" },
|
||||
{ label: "Cupcakes", href: "/cupcakes" },
|
||||
{ label: "Order Now", href: "contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Contact", href: "contact" },
|
||||
{ label: "Location", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{ label: "Phone: 083 261 9619", href: "tel:0832619619" },
|
||||
{ label: "Doornhoek, Thabazimbi 0380", href: "#" },
|
||||
{ label: "Open until 17:00 daily", href: "#" },
|
||||
|
||||
@@ -16,7 +16,7 @@ export default function CupcakesPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="noise"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -42,31 +42,21 @@ export default function CupcakesPage() {
|
||||
tag="Homemade Excellence"
|
||||
tagIcon={Cake}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "noise" }}
|
||||
background={{ variant: "plain" }}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cupcakes-pine-cone-platter-garland-baubles-marble-surface_114579-25521.jpg?_wi=2",
|
||||
imageAlt: "Assorted festive cupcakes",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cupcakes-pine-cone-platter-garland-baubles-marble-surface_114579-25521.jpg", imageAlt: "Assorted festive cupcakes"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-rainbow-cupcake-still-life_23-2150423818.jpg?_wi=2",
|
||||
imageAlt: "Rainbow cupcake variety",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-rainbow-cupcake-still-life_23-2150423818.jpg", imageAlt: "Rainbow cupcake variety"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cupcakes-decorated-whipped-cream-frozen-raspberries_114579-7868.jpg?_wi=2",
|
||||
imageAlt: "Premium decorated cupcakes",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cupcakes-decorated-whipped-cream-frozen-raspberries_114579-7868.jpg", imageAlt: "Premium decorated cupcakes"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now: 083 261 9619",
|
||||
href: "tel:0832619619",
|
||||
},
|
||||
text: "Order Now: 083 261 9619", href: "tel:0832619619"},
|
||||
{
|
||||
text: "View Flavors",
|
||||
href: "contact",
|
||||
},
|
||||
text: "View Flavors", href: "contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -78,38 +68,17 @@ export default function CupcakesPage() {
|
||||
description="Discover our signature cupcake flavors made with fresh, quality ingredients"
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Classic Vanilla",
|
||||
descriptions: [
|
||||
"Smooth, creamy vanilla frosting on tender sponge cake",
|
||||
"Perfect balance of sweetness and light texture",
|
||||
"Great for any celebration or everyday treat",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cupcakes-with-glaze-arrangement_23-2149021990.jpg",
|
||||
imageAlt: "Classic vanilla cupcakes",
|
||||
},
|
||||
id: "1", title: "Classic Vanilla", descriptions: [
|
||||
"Smooth, creamy vanilla frosting on tender sponge cake", "Perfect balance of sweetness and light texture", "Great for any celebration or everyday treat"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cupcakes-with-glaze-arrangement_23-2149021990.jpg", imageAlt: "Classic vanilla cupcakes"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Rich Chocolate",
|
||||
descriptions: [
|
||||
"Decadent chocolate cake with silky chocolate frosting",
|
||||
"Crafted for chocolate lovers who appreciate quality",
|
||||
"Available in dark or milk chocolate variations",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cupcakes-pine-cone-platter-garland-baubles-marble-surface_114579-25521.jpg?_wi=3",
|
||||
imageAlt: "Chocolate cupcakes with decoration",
|
||||
},
|
||||
id: "2", title: "Rich Chocolate", descriptions: [
|
||||
"Decadent chocolate cake with silky chocolate frosting", "Crafted for chocolate lovers who appreciate quality", "Available in dark or milk chocolate variations"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cupcakes-pine-cone-platter-garland-baubles-marble-surface_114579-25521.jpg", imageAlt: "Chocolate cupcakes with decoration"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Strawberry Bliss",
|
||||
descriptions: [
|
||||
"Fresh strawberry-infused cake with cream cheese frosting",
|
||||
"Topped with fresh strawberries for elegant presentation",
|
||||
"Perfect for spring celebrations and events",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cupcakes-decorated-whipped-cream-frozen-raspberries_114579-7868.jpg?_wi=3",
|
||||
imageAlt: "Strawberry frosted cupcakes",
|
||||
},
|
||||
id: "3", title: "Strawberry Bliss", descriptions: [
|
||||
"Fresh strawberry-infused cake with cream cheese frosting", "Topped with fresh strawberries for elegant presentation", "Perfect for spring celebrations and events"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cupcakes-decorated-whipped-cream-frozen-raspberries_114579-7868.jpg", imageAlt: "Strawberry frosted cupcakes"},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
@@ -126,13 +95,9 @@ export default function CupcakesPage() {
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Order by Phone",
|
||||
href: "tel:0832619619",
|
||||
},
|
||||
text: "Order by Phone", href: "tel:0832619619"},
|
||||
{
|
||||
text: "Contact for Custom Orders",
|
||||
href: "contact",
|
||||
},
|
||||
text: "Contact for Custom Orders", href: "contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -141,24 +106,21 @@ export default function CupcakesPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
title: "Products", items: [
|
||||
{ label: "Firewood", href: "firewood" },
|
||||
{ label: "Cupcakes", href: "/cupcakes" },
|
||||
{ label: "Order Now", href: "contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Contact", href: "contact" },
|
||||
{ label: "Location", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{ label: "Phone: 083 261 9619", href: "tel:0832619619" },
|
||||
{ label: "Doornhoek, Thabazimbi 0380", href: "#" },
|
||||
{ label: "Open until 17:00 daily", href: "#" },
|
||||
|
||||
141
src/app/page.tsx
141
src/app/page.tsx
@@ -18,7 +18,7 @@ export default function HomePage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="small"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="noise"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -44,31 +44,21 @@ export default function HomePage() {
|
||||
tag="Local Farm Business"
|
||||
tagIcon={Leaf}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "noise" }}
|
||||
background={{ variant: "plain" }}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15599.jpg?_wi=1",
|
||||
imageAlt: "Quality stacked firewood",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15599.jpg", imageAlt: "Quality stacked firewood"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-rainbow-cupcake-still-life_23-2150423818.jpg?_wi=1",
|
||||
imageAlt: "Fresh homemade cupcakes",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-rainbow-cupcake-still-life_23-2150423818.jpg", imageAlt: "Fresh homemade cupcakes"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-daisy-mountain-landscape-with-green-grass-park-foreground_181624-50333.jpg?_wi=1",
|
||||
imageAlt: "Sekelbossie farm landscape",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-daisy-mountain-landscape-with-green-grass-park-foreground_181624-50333.jpg", imageAlt: "Sekelbossie farm landscape"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call to Order: 083 261 9619",
|
||||
href: "tel:0832619619",
|
||||
},
|
||||
text: "Call to Order: 083 261 9619", href: "tel:0832619619"},
|
||||
{
|
||||
text: "View Products",
|
||||
href: "contact",
|
||||
},
|
||||
text: "View Products", href: "contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -80,49 +70,21 @@ export default function HomePage() {
|
||||
description="Quality products backed by local expertise and customer care"
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Premium Firewood",
|
||||
descriptions: [
|
||||
"Dry, well-seasoned firewood perfect for braais and home heating",
|
||||
"Delivered fresh with consistent quality",
|
||||
"Available in bags, bundles, and bulk loads",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-wood-chopping-axes_23-2148568602.jpg?_wi=1",
|
||||
imageAlt: "Premium firewood stack",
|
||||
},
|
||||
id: "1", title: "Premium Firewood", descriptions: [
|
||||
"Dry, well-seasoned firewood perfect for braais and home heating", "Delivered fresh with consistent quality", "Available in bags, bundles, and bulk loads"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-wood-chopping-axes_23-2148568602.jpg", imageAlt: "Premium firewood stack"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Fresh Homemade Cupcakes",
|
||||
descriptions: [
|
||||
"Baked fresh daily with quality ingredients",
|
||||
"Multiple delicious flavors available",
|
||||
"Perfect for birthdays, events, and celebrations",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cupcakes-pine-cone-platter-garland-baubles-marble-surface_114579-25521.jpg?_wi=1",
|
||||
imageAlt: "Fresh homemade cupcakes",
|
||||
},
|
||||
id: "2", title: "Fresh Homemade Cupcakes", descriptions: [
|
||||
"Baked fresh daily with quality ingredients", "Multiple delicious flavors available", "Perfect for birthdays, events, and celebrations"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cupcakes-pine-cone-platter-garland-baubles-marble-surface_114579-25521.jpg", imageAlt: "Fresh homemade cupcakes"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Local & Trustworthy",
|
||||
descriptions: [
|
||||
"Family-owned farm business in Doornhoek",
|
||||
"Supporting local community since opening",
|
||||
"Dedicated to quality and customer satisfaction",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-daisy-mountain-landscape-with-green-grass-park-foreground_181624-50333.jpg?_wi=2",
|
||||
imageAlt: "Our farm location",
|
||||
},
|
||||
id: "3", title: "Local & Trustworthy", descriptions: [
|
||||
"Family-owned farm business in Doornhoek", "Supporting local community since opening", "Dedicated to quality and customer satisfaction"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-view-daisy-mountain-landscape-with-green-grass-park-foreground_181624-50333.jpg", imageAlt: "Our farm location"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Easy Ordering",
|
||||
descriptions: [
|
||||
"Simple phone ordering process",
|
||||
"Same-day or advance orders available",
|
||||
"Convenient delivery and pickup options",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cupcakes-decorated-whipped-cream-frozen-raspberries_114579-7868.jpg?_wi=1",
|
||||
imageAlt: "Order cupcakes easily",
|
||||
},
|
||||
id: "4", title: "Easy Ordering", descriptions: [
|
||||
"Simple phone ordering process", "Same-day or advance orders available", "Convenient delivery and pickup options"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cupcakes-decorated-whipped-cream-frozen-raspberries_114579-7868.jpg", imageAlt: "Order cupcakes easily"},
|
||||
]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
@@ -137,53 +99,17 @@ export default function HomePage() {
|
||||
description="Trusted by local families and businesses in Thabazimbi"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Maria van der Merwe",
|
||||
handle: "Local Family",
|
||||
testimonial: "Best firewood we've found in Thabazimbi. Always dry and burns perfectly. Great for our weekend braais!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-bearded-guy-smiling-gesturing-with-ok-sign-expressing-good-choice-being-isolated-graphite_171337-455.jpg?_wi=1",
|
||||
imageAlt: "Maria van der Merwe",
|
||||
},
|
||||
id: "1", name: "Maria van der Merwe", handle: "Local Family", testimonial: "Best firewood we've found in Thabazimbi. Always dry and burns perfectly. Great for our weekend braais!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-bearded-guy-smiling-gesturing-with-ok-sign-expressing-good-choice-being-isolated-graphite_171337-455.jpg", imageAlt: "Maria van der Merwe"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Johannes Botha",
|
||||
handle: "Event Organizer",
|
||||
testimonial: "The cupcakes are absolutely delicious and beautifully made. Every event I organize gets them!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg?_wi=1",
|
||||
imageAlt: "Johannes Botha",
|
||||
},
|
||||
id: "2", name: "Johannes Botha", handle: "Event Organizer", testimonial: "The cupcakes are absolutely delicious and beautifully made. Every event I organize gets them!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg", imageAlt: "Johannes Botha"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Thandi Mthembu",
|
||||
handle: "Regular Customer",
|
||||
testimonial: "Fast service, friendly people, and consistently great products. This is my go-to place for both firewood and treats.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-casually-dressed-young-woman-with-wavy-hair-no-make-up-sitting-basket-armchair_343059-361.jpg",
|
||||
imageAlt: "Thandi Mthembu",
|
||||
},
|
||||
id: "3", name: "Thandi Mthembu", handle: "Regular Customer", testimonial: "Fast service, friendly people, and consistently great products. This is my go-to place for both firewood and treats.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-casually-dressed-young-woman-with-wavy-hair-no-make-up-sitting-basket-armchair_343059-361.jpg", imageAlt: "Thandi Mthembu"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Robert Wessels",
|
||||
handle: "Business Owner",
|
||||
testimonial: "Reliable supplier. I've been ordering firewood for our restaurant's outdoor area for two years. Never disappointed!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12311.jpg",
|
||||
imageAlt: "Robert Wessels",
|
||||
},
|
||||
id: "4", name: "Robert Wessels", handle: "Business Owner", testimonial: "Reliable supplier. I've been ordering firewood for our restaurant's outdoor area for two years. Never disappointed!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-disposable-coffee-cup_107420-12311.jpg", imageAlt: "Robert Wessels"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lerato Dlamini",
|
||||
handle: "Birthday Party Host",
|
||||
testimonial: "Ordered 50 cupcakes for my daughter's party. Guests are still talking about how amazing they were!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-bearded-guy-smiling-gesturing-with-ok-sign-expressing-good-choice-being-isolated-graphite_171337-455.jpg?_wi=2",
|
||||
imageAlt: "Lerato Dlamini",
|
||||
},
|
||||
id: "5", name: "Lerato Dlamini", handle: "Birthday Party Host", testimonial: "Ordered 50 cupcakes for my daughter's party. Guests are still talking about how amazing they were!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-bearded-guy-smiling-gesturing-with-ok-sign-expressing-good-choice-being-isolated-graphite_171337-455.jpg", imageAlt: "Lerato Dlamini"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Piet Steenkamp",
|
||||
handle: "Homeowner",
|
||||
testimonial: "Quality firewood at fair prices. Can't ask for more. Supporting local business that delivers!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg?_wi=2",
|
||||
imageAlt: "Piet Steenkamp",
|
||||
},
|
||||
id: "6", name: "Piet Steenkamp", handle: "Homeowner", testimonial: "Quality firewood at fair prices. Can't ask for more. Supporting local business that delivers!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg", imageAlt: "Piet Steenkamp"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -200,13 +126,9 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:0832619619",
|
||||
},
|
||||
text: "Call Now", href: "tel:0832619619"},
|
||||
{
|
||||
text: "Order Form",
|
||||
href: "contact",
|
||||
},
|
||||
text: "Order Form", href: "contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -215,24 +137,21 @@ export default function HomePage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
title: "Products", items: [
|
||||
{ label: "Firewood", href: "firewood" },
|
||||
{ label: "Cupcakes", href: "/cupcakes" },
|
||||
{ label: "Order Now", href: "contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Contact", href: "contact" },
|
||||
{ label: "Location", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{ label: "Phone: 083 261 9619", href: "tel:0832619619" },
|
||||
{ label: "Doornhoek, Thabazimbi 0380", href: "#" },
|
||||
{ label: "Open until 17:00 daily", href: "#" },
|
||||
|
||||
@@ -1,51 +1,28 @@
|
||||
"use client";
|
||||
|
||||
import { memo } from "react";
|
||||
import useSvgTextLogo from "./useSvgTextLogo";
|
||||
import { cls } from "@/lib/utils";
|
||||
import React from 'react';
|
||||
|
||||
interface SvgTextLogoProps {
|
||||
logoText: string;
|
||||
adjustHeightFactor?: number;
|
||||
verticalAlign?: "top" | "center";
|
||||
text: string;
|
||||
className?: string;
|
||||
}
|
||||
|
||||
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
|
||||
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({ text, className = '' }) => {
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
viewBox="0 0 200 100"
|
||||
className={`w-full h-full ${className}`}
|
||||
aria-label={text}
|
||||
>
|
||||
<text
|
||||
ref={textRef}
|
||||
x="0"
|
||||
y={verticalAlign === "center" ? "50%" : "0"}
|
||||
className="font-bold fill-current"
|
||||
style={{
|
||||
fontSize: "20px",
|
||||
letterSpacing: "-0.02em",
|
||||
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
|
||||
}}
|
||||
x="50%"
|
||||
y="50%"
|
||||
dominantBaseline="middle"
|
||||
textAnchor="middle"
|
||||
className="fill-current text-lg font-bold"
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
};
|
||||
|
||||
export default SvgTextLogo;
|
||||
|
||||
Reference in New Issue
Block a user