Merge version_1 into main #1
296
src/app/page.tsx
296
src/app/page.tsx
@@ -12,7 +12,7 @@ import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Droplets, Leaf, Music, Smile, Sparkles, Star, Wine } from "lucide-react";
|
||||
import { Droplets, Leaf, Music, Sparkles, Star, Wine } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,129 +33,77 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Drinks",
|
||||
id: "products",
|
||||
},
|
||||
name: "Drinks", id: "products"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Blended"
|
||||
button={{ text: "Visit", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Tzaneen’s Finest Cocktail Experience"
|
||||
description="At Blended, we craft moments of pure luxury. Immerse yourself in an atmosphere defined by world-class service, unbelievable spirits, and a vibe that stays with you long after the final sip."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Megan du Toit",
|
||||
handle: "@megand",
|
||||
testimonial: "Amazing place! Enjoyed the food, the service and drinks. Simply the best in Tzaneen.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-big-hat-cafe_273609-13409.jpg",
|
||||
},
|
||||
name: "Megan du Toit", handle: "@megand", testimonial: "Amazing place! Enjoyed the food, the service and drinks. Simply the best in Tzaneen.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-big-hat-cafe_273609-13409.jpg"},
|
||||
{
|
||||
name: "Matthew Hassenkamp",
|
||||
handle: "@matthewh",
|
||||
testimonial: "Awesome service, unbelievable drinks and fantastic atmosphere ✨",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2622.jpg",
|
||||
},
|
||||
name: "Matthew Hassenkamp", handle: "@matthewh", testimonial: "Awesome service, unbelievable drinks and fantastic atmosphere ✨", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2622.jpg"},
|
||||
{
|
||||
name: "Andre",
|
||||
handle: "@andre",
|
||||
testimonial: "Amazing atmosphere and delicious products. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-pretty-wrinkled-middle-aged-woman-holds-disposable-cup-coffee-enjoys-free-time-looks-happily-camera-dressed-casual-t-shirt_273609-44992.jpg",
|
||||
},
|
||||
name: "Andre", handle: "@andre", testimonial: "Amazing atmosphere and delicious products. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-pretty-wrinkled-middle-aged-woman-holds-disposable-cup-coffee-enjoys-free-time-looks-happily-camera-dressed-casual-t-shirt_273609-44992.jpg"},
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "A truly sophisticated venue. The cocktail menu is unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-brunette-haired-girl-with-pink-headband-round-silver-earrings-bright-bandana-black-shirt-drinking-cocktail_197531-28146.jpg",
|
||||
},
|
||||
name: "Sarah J.", handle: "@sarahj", testimonial: "A truly sophisticated venue. The cocktail menu is unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-brunette-haired-girl-with-pink-headband-round-silver-earrings-bright-bandana-black-shirt-drinking-cocktail_197531-28146.jpg"},
|
||||
{
|
||||
name: "Liam B.",
|
||||
handle: "@liamb",
|
||||
testimonial: "The best vibes in Arbor Park. Perfect for any evening.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-blond-hair-holding-cocktail_273609-15687.jpg",
|
||||
},
|
||||
name: "Liam B.", handle: "@liamb", testimonial: "The best vibes in Arbor Park. Perfect for any evening.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-blond-hair-holding-cocktail_273609-15687.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Your Spot",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Reserve Your Spot", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blurred-restaurant-with-vintage-sofa_1203-557.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-welldressed-arabian-man-with-glass-whiskey-cigar-posed-pub_627829-5846.jpg",
|
||||
alt: "Handsome well-dressed man at pub",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-welldressed-arabian-man-with-glass-whiskey-cigar-posed-pub_627829-5846.jpg", alt: "Handsome well-dressed man at pub"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/restaurant-luxury-interior-design-dark-lightning_114579-2492.jpg",
|
||||
alt: "Luxury interior design",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/restaurant-luxury-interior-design-dark-lightning_114579-2492.jpg", alt: "Luxury interior design"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-enjoying-their-time-dj-party_23-2149658376.jpg",
|
||||
alt: "People at dj party",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/people-enjoying-their-time-dj-party_23-2149658376.jpg", alt: "People at dj party"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-wearing-big-hat-cafe_273609-13409.jpg",
|
||||
alt: "Customer portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-wearing-big-hat-cafe_273609-13409.jpg", alt: "Customer portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2622.jpg",
|
||||
alt: "Customer portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2622.jpg", alt: "Customer portrait"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Craft Cocktails",
|
||||
icon: Wine,
|
||||
type: "text-icon", text: "Craft Cocktails", icon: Wine,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Premium Spirits",
|
||||
icon: Wine,
|
||||
type: "text-icon", text: "Premium Spirits", icon: Wine,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Arbor Park Vibe",
|
||||
icon: Music,
|
||||
type: "text-icon", text: "Arbor Park Vibe", icon: Music,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Luxury Lounge",
|
||||
icon: Star,
|
||||
type: "text-icon", text: "Luxury Lounge", icon: Star,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Unique Flavors",
|
||||
icon: Sparkles,
|
||||
type: "text-icon", text: "Unique Flavors", icon: Sparkles,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -167,30 +115,23 @@ export default function LandingPage() {
|
||||
title="Where Craft Meets Character"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Commonplace drinks",
|
||||
"Average service speeds",
|
||||
"Basic atmosphere",
|
||||
],
|
||||
"Commonplace drinks", "Average service speeds", "Basic atmosphere"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Artisanal crafted cocktails",
|
||||
"Impeccable personalized service",
|
||||
"Unrivaled premium atmosphere",
|
||||
],
|
||||
"Artisanal crafted cocktails", "Impeccable personalized service", "Unrivaled premium atmosphere"],
|
||||
}}
|
||||
title="The Blended Difference"
|
||||
description="We don't just pour drinks; we create experiences. From unique ingredients to impeccable timing, we set the standard for nightlife in Arbor Park."
|
||||
@@ -205,59 +146,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Signature",
|
||||
name: "The Arbor Sunset",
|
||||
price: "R 120",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-bottle-champagne-with-silver-globes_23-2148364332.jpg",
|
||||
},
|
||||
id: "p1", brand: "Signature", name: "The Arbor Sunset", price: "R 120", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/close-up-bottle-champagne-with-silver-globes_23-2148364332.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Classic",
|
||||
name: "Midnight Martini",
|
||||
price: "R 145",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-juice-with-mixed-fruits_114579-21878.jpg",
|
||||
},
|
||||
id: "p2", brand: "Classic", name: "Midnight Martini", price: "R 145", rating: 5,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/glass-juice-with-mixed-fruits_114579-21878.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Artisan",
|
||||
name: "Blended Botanical",
|
||||
price: "R 135",
|
||||
rating: 4,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-with-pina-colada_23-2150184005.jpg",
|
||||
},
|
||||
id: "p3", brand: "Artisan", name: "Blended Botanical", price: "R 135", rating: 4,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-with-pina-colada_23-2150184005.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Seasonal",
|
||||
name: "Tzaneen Tropical",
|
||||
price: "R 150",
|
||||
rating: 5,
|
||||
reviewCount: "22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-icecream-with-berry-platter_114579-13192.jpg",
|
||||
},
|
||||
id: "p4", brand: "Seasonal", name: "Tzaneen Tropical", price: "R 150", rating: 5,
|
||||
reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/glass-icecream-with-berry-platter_114579-13192.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Signature",
|
||||
name: "Velvet Whiskey",
|
||||
price: "R 165",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337726.jpg",
|
||||
},
|
||||
id: "p5", brand: "Signature", name: "Velvet Whiskey", price: "R 165", rating: 5,
|
||||
reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337726.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Exclusive",
|
||||
name: "Blended Reserve",
|
||||
price: "R 180",
|
||||
rating: 5,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/martini-glass-alcohol-drink-with-black-olive-lemon-slice_140725-3919.jpg",
|
||||
},
|
||||
id: "p6", brand: "Exclusive", name: "Blended Reserve", price: "R 180", rating: 5,
|
||||
reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/martini-glass-alcohol-drink-with-black-olive-lemon-slice_140725-3919.jpg"},
|
||||
]}
|
||||
title="Our Signature Creations"
|
||||
description="Explore a curated menu of premium spirits and artisan cocktails."
|
||||
@@ -271,22 +176,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Drinks Served",
|
||||
value: "5,000+",
|
||||
icon: Droplets,
|
||||
id: "m1", title: "Drinks Served", value: "5,000+", icon: Droplets,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Happy Guests",
|
||||
value: "100%",
|
||||
icon: Smile,
|
||||
id: "m2", title: "Happy Guests", value: "100%", icon: Smile,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Craft Ingredients",
|
||||
value: "50+",
|
||||
icon: Leaf,
|
||||
id: "m3", title: "Craft Ingredients", value: "50+", icon: Leaf,
|
||||
},
|
||||
]}
|
||||
title="Quality in Numbers"
|
||||
@@ -301,40 +197,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Megan du Toit",
|
||||
handle: "@megand",
|
||||
testimonial: "Amazing place! Enjoyed the food, the service and drinks. Simply the best in Tzaneen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-chair-inside-cafe_1303-19191.jpg",
|
||||
},
|
||||
id: "t1", name: "Megan du Toit", handle: "@megand", testimonial: "Amazing place! Enjoyed the food, the service and drinks. Simply the best in Tzaneen.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-chair-inside-cafe_1303-19191.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Matthew Hassenkamp",
|
||||
handle: "@matthewh",
|
||||
testimonial: "Awesome service, unbelievable drinks and fantastic atmosphere ✨",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-student-man-notebook_1149-1788.jpg",
|
||||
},
|
||||
id: "t2", name: "Matthew Hassenkamp", handle: "@matthewh", testimonial: "Awesome service, unbelievable drinks and fantastic atmosphere ✨", imageSrc: "http://img.b2bpic.net/free-photo/cool-student-man-notebook_1149-1788.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Andre",
|
||||
handle: "@andre",
|
||||
testimonial: "Amazing atmosphere and delicious products. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adults-having-party-home_23-2149215876.jpg",
|
||||
},
|
||||
id: "t3", name: "Andre", handle: "@andre", testimonial: "Amazing atmosphere and delicious products. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/young-adults-having-party-home_23-2149215876.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "A truly sophisticated venue. The cocktail menu is unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/european-handsome-bearded-man-drinks-mango-smoothie-summer-cafe-tropical-wall_343596-110.jpg",
|
||||
},
|
||||
id: "t4", name: "Sarah J.", handle: "@sarahj", testimonial: "A truly sophisticated venue. The cocktail menu is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/european-handsome-bearded-man-drinks-mango-smoothie-summer-cafe-tropical-wall_343596-110.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Liam B.",
|
||||
handle: "@liamb",
|
||||
testimonial: "The best vibes in Arbor Park. Perfect for any evening.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-cocktail_23-2150166104.jpg",
|
||||
},
|
||||
id: "t5", name: "Liam B.", handle: "@liamb", testimonial: "The best vibes in Arbor Park. Perfect for any evening.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-cocktail_23-2150166104.jpg"},
|
||||
]}
|
||||
title="Voices of Blended"
|
||||
description="What our guests are saying about the experience."
|
||||
@@ -346,14 +217,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Tzaneen Tourism",
|
||||
"Arbor Life",
|
||||
"Premium Spirits Co",
|
||||
"Nightlife Experts",
|
||||
"Mixology Weekly",
|
||||
"City Vibes",
|
||||
"Top Bar Awards",
|
||||
]}
|
||||
"Tzaneen Tourism", "Arbor Life", "Premium Spirits Co", "Nightlife Experts", "Mixology Weekly", "City Vibes", "Top Bar Awards"]}
|
||||
title="Trusted & Celebrated"
|
||||
description="Join our community of cocktail enthusiasts."
|
||||
/>
|
||||
@@ -366,27 +230,16 @@ export default function LandingPage() {
|
||||
description="Questions about our menu or planning an event? We'd love to hear from you."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
},
|
||||
name: "phone", type: "tel", placeholder: "Phone Number"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "What are you celebrating?",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "What are you celebrating?", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-traveling-trought-city_23-2149297348.jpg"
|
||||
/>
|
||||
@@ -396,42 +249,27 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Visit Us",
|
||||
items: [
|
||||
title: "Visit Us", items: [
|
||||
{
|
||||
label: "4 Windsor St, Arbor Park, Tzaneen",
|
||||
href: "#",
|
||||
},
|
||||
label: "4 Windsor St, Arbor Park, Tzaneen", href: "#"},
|
||||
{
|
||||
label: "066 476 1828",
|
||||
href: "tel:0664761828",
|
||||
},
|
||||
label: "066 476 1828", href: "tel:0664761828"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
title: "Menu", items: [
|
||||
{
|
||||
label: "Signature Drinks",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Signature Drinks", href: "#products"},
|
||||
{
|
||||
label: "Food Pairings",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Food Pairings", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user