Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
314
src/app/page.tsx
314
src/app/page.tsx
@@ -32,92 +32,35 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Visit Us",
|
||||
id: "visit",
|
||||
},
|
||||
{ name: "Story", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Visit Us", id: "visit" },
|
||||
]}
|
||||
brandName="Bismillah Butchery"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Halaal Meat & Spice, Perfected."
|
||||
description="Bloemfontein's most beloved halaal butchery. Exceptionally fresh meat, hand-selected spices, and staff who treat every customer like family."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-happy-good-looking-young-man_1262-3489.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/family-returning-from-shopping-carrying-shopping-bags_259150-57102.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-woman-looking-window_23-2148821627.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-smiling-woman-close-eyes-showing-okay-ok-sign-zero-gesture-no-proble-praise-awesome-good-thing-standing-stylish-outfit-against-white-background_176420-46697.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "See Our Cuts",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Hours & Location",
|
||||
href: "#visit",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-happy-good-looking-young-man_1262-3489.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/family-returning-from-shopping-carrying-shopping-bags_259150-57102.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-woman-looking-window_23-2148821627.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg", alt: "Customer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-smiling-woman-close-eyes-showing-okay-ok-sign-zero-gesture-no-proble-praise-awesome-good-thing-standing-stylish-outfit-against-white-background_176420-46697.jpg", alt: "Customer" },
|
||||
]}
|
||||
buttons={[{ text: "See Our Cuts", href: "#products" }, { text: "Hours & Location", href: "#visit" }]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "100% Halaal Certified",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Locally Sourced Beef",
|
||||
icon: Beef,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fresh Daily Cuts",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Premium Spices",
|
||||
icon: Flame,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Community Focused",
|
||||
icon: Users,
|
||||
},
|
||||
{ type: "text-icon", text: "100% Halaal Certified", icon: ShieldCheck },
|
||||
{ type: "text-icon", text: "Locally Sourced Beef", icon: Beef },
|
||||
{ type: "text-icon", text: "Fresh Daily Cuts", icon: Star },
|
||||
{ type: "text-icon", text: "Premium Spices", icon: Flame },
|
||||
{ type: "text-icon", text: "Community Focused", icon: Users },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -127,21 +70,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Where quality meets community."
|
||||
metrics={[
|
||||
{
|
||||
icon: Beef,
|
||||
label: "Quality",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Bloemfontein",
|
||||
value: "#1",
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
label: "Environment",
|
||||
value: "Spotless",
|
||||
},
|
||||
{ icon: Beef, label: "Quality", value: "100%" },
|
||||
{ icon: Award, label: "Bloemfontein", value: "#1" },
|
||||
{ icon: Sparkles, label: "Environment", value: "Spotless" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -153,30 +84,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Always Fresh",
|
||||
description: "Sourced daily from trusted farmers, our beef, lamb, and chicken are never kept longer than needed.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Beef,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-meat-with-tomatoes-blackboard_23-2148611091.jpg",
|
||||
imageAlt: "fresh butchery meat display",
|
||||
},
|
||||
{
|
||||
title: "Fully Halaal",
|
||||
description: "Strict compliance with halaal standards is our core promise. We honor your trust without compromise.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: ShieldCheck,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/raw-lamb-leg-wooden-board-salt-tomato-greens-woods-top-view_141793-12471.jpg",
|
||||
imageAlt: "fresh butchery meat display",
|
||||
},
|
||||
{
|
||||
title: "Expert Spices",
|
||||
description: "Hand-picked spice blends designed to bring out the depth in every dish. Ask our team for their favorite pairings.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Flame,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/raw-meat-slices-placed-pan-with-herbs_141793-17575.jpg?_wi=1",
|
||||
imageAlt: "fresh butchery meat display",
|
||||
},
|
||||
{ title: "Always Fresh", description: "Sourced daily from trusted farmers.", bentoComponent: "reveal-icon", icon: Beef },
|
||||
{ title: "Fully Halaal", description: "Strict compliance with halaal standards.", bentoComponent: "reveal-icon", icon: ShieldCheck },
|
||||
{ title: "Expert Spices", description: "Hand-picked spice blends designed to bring out the depth.", bentoComponent: "reveal-icon", icon: Flame },
|
||||
]}
|
||||
title="The Bismillah Way"
|
||||
description="We don't just sell meat; we offer a tradition of care."
|
||||
@@ -190,88 +100,29 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Premium Beef",
|
||||
price: "Market Rate",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/raw-meat-slices-placed-pan-with-herbs_141793-17575.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Lamb & Mutton",
|
||||
price: "Market Rate",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-raw-meat-slices-with-greens-pepper-dark-background-cow-color-photo-animal-chicken-raw-meat_140725-160631.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Fresh Chicken",
|
||||
price: "Market Rate",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/raw-chicken-meat-with-peppers-onion-dark-plate-high-quality-photo_114579-64810.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Gourmet Spices",
|
||||
price: "From R20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/openair-market-with-traders-selling-spices-herbs-aromatic-colorful_73899-54609.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Braai Selections",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-chopped-pieces-meat-wooden-board_140725-3255.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Custom Cuts",
|
||||
price: "On Demand",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-butcher-dressed-fleece-shirt-cuts-meat-with-bloody-axe_613910-16139.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Premium Beef", price: "Market Rate", imageSrc: "http://img.b2bpic.net/free-photo/raw-meat-slices-placed-pan-with-herbs_141793-17575.jpg" },
|
||||
{ id: "p2", name: "Lamb & Mutton", price: "Market Rate", imageSrc: "http://img.b2bpic.net/free-photo/front-view-raw-meat-slices-with-greens-pepper-dark-background-cow-color-photo-animal-chicken-raw-meat_140725-160631.jpg" },
|
||||
{ id: "p3", name: "Fresh Chicken", price: "Market Rate", imageSrc: "http://img.b2bpic.net/free-photo/raw-chicken-meat-with-peppers-onion-dark-plate-high-quality-photo_114579-64810.jpg" },
|
||||
{ id: "p4", name: "Gourmet Spices", price: "From R20", imageSrc: "http://img.b2bpic.net/free-photo/openair-market-with-traders-selling-spices-herbs-aromatic-colorful_73899-54609.jpg" },
|
||||
{ id: "p5", name: "Braai Selections", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/fried-chopped-pieces-meat-wooden-board_140725-3255.jpg" },
|
||||
{ id: "p6", name: "Custom Cuts", price: "On Demand", imageSrc: "http://img.b2bpic.net/free-photo/bearded-butcher-dressed-fleece-shirt-cuts-meat-with-bloody-axe_613910-16139.jpg" },
|
||||
]}
|
||||
title="Our Finest Cuts & Spices"
|
||||
description="Premium selections, prepared daily for your convenience."
|
||||
description="Premium selections, prepared daily."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Crucified Whisper",
|
||||
handle: "Local Guide",
|
||||
testimonial: "Amazing quality, magnificent service. The store is really nice and clean.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mitilda Morris",
|
||||
handle: "Google Review",
|
||||
testimonial: "The best meat I've tasted — it's always fresh and the store smells wonderful.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Ryno Hoffmann",
|
||||
handle: "Local Guide",
|
||||
testimonial: "Very friendly and helpful place with fair pricing. Very professional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-asian-senior-woman-going-shopping-extending-hands-with-paper-bags-smiling-satisfied_1258-159449.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sarah D.",
|
||||
handle: "Happy Shopper",
|
||||
testimonial: "The staff really know their way around meat. Always great recommendations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-latin-businesswoman-smiling-happy-standing-with-arms-crossed-gesture-city_839833-17431.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jabu T.",
|
||||
handle: "Local Resident",
|
||||
testimonial: "My go-to for braai. Exceptional quality every time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-red-haired-man-taking-selfie-photo_1262-5118.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Crucified Whisper", handle: "Local Guide", testimonial: "Amazing quality.", imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg" },
|
||||
{ id: "t2", name: "Mitilda Morris", handle: "Google Review", testimonial: "The best meat.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg" },
|
||||
{ id: "t3", name: "Ryno Hoffmann", handle: "Local Guide", testimonial: "Very friendly.", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-asian-senior-woman-going-shopping-extending-hands-with-paper-bags-smiling-satisfied_1258-159449.jpg" },
|
||||
{ id: "t4", name: "Sarah D.", handle: "Happy Shopper", testimonial: "The staff know meat.", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-latin-businesswoman-smiling-happy-standing-with-arms-crossed-gesture-city_839833-17431.jpg" },
|
||||
{ id: "t5", name: "Jabu T.", handle: "Local Resident", testimonial: "Exceptional quality.", imageSrc: "http://img.b2bpic.net/free-photo/happy-red-haired-man-taking-selfie-photo_1262-5118.jpg" },
|
||||
]}
|
||||
title="What Bloemfontein Says"
|
||||
description="Voices from our cherished customers."
|
||||
@@ -284,27 +135,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Users,
|
||||
title: "Regular Customers",
|
||||
value: "1000+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Star,
|
||||
title: "Average Rating",
|
||||
value: "4.4",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Clock,
|
||||
title: "Years of Tradition",
|
||||
value: "10+",
|
||||
},
|
||||
{ id: "m1", icon: Users, title: "Regular Customers", value: "1000+" },
|
||||
{ id: "m2", icon: Star, title: "Average Rating", value: "4.4" },
|
||||
{ id: "m3", icon: Clock, title: "Years of Tradition", value: "10+" },
|
||||
]}
|
||||
title="Our Commitment"
|
||||
description="Proven dedication to the community of Bloemfontein."
|
||||
description="Proven dedication to the community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -313,24 +149,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is all meat halaal?",
|
||||
content: "Yes, 100% of our products are sourced and prepared according to strict halaal guidelines.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you accept card payments?",
|
||||
content: "We accept cash and all major debit/credit cards. We also have generator backup, so we're open during load-shedding.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I request custom cuts?",
|
||||
content: "Absolutely. If you don't see what you need, just ask our block man and we will make a plan.",
|
||||
},
|
||||
{ id: "q1", title: "Is all meat halaal?", content: "Yes, 100% of our products are halaal." },
|
||||
{ id: "q2", title: "Do you accept card payments?", content: "Yes, we accept cash and cards." },
|
||||
{ id: "q3", title: "Can I request custom cuts?", content: "Yes, absolutely." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our products and services."
|
||||
description="Everything you need to know."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -339,26 +163,12 @@ export default function LandingPage() {
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Visit Us in Bloemfontein"
|
||||
description="Come experience the freshest halaal meat in the Free State."
|
||||
description="Come experience the freshest halaal meat."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Questions or specific requests?",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Questions?", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-town-square_1359-156.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -366,32 +176,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
{
|
||||
label: "Trading Hours",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Our Location",
|
||||
href: "#visit",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "Premium Beef",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Lamb & Mutton",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Info", items: [{ label: "Trading Hours", href: "#" }, { label: "Our Location", href: "#visit" }] },
|
||||
{ title: "Shop", items: [{ label: "Premium Beef", href: "#products" }, { label: "Lamb & Mutton", href: "#products" }] },
|
||||
]}
|
||||
bottomLeftText="Bismillah Butchery & Spice"
|
||||
bottomRightText="© 2024 Bloemfontein"
|
||||
|
||||
Reference in New Issue
Block a user