Merge version_1 into main #2
361
src/app/page.tsx
361
src/app/page.tsx
@@ -21,31 +21,23 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Events",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Events", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Nsimbini Lifestyle"
|
||||
/>
|
||||
@@ -54,99 +46,32 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Welcome to Nsimbini Lifestyle"
|
||||
description="Experience the perfect blend of premium meats, fine spirits, and unforgettable events. Your destination for leisure and celebration."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Thandiwe M.",
|
||||
role: "Food Blogger",
|
||||
company: "Local Flavors",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5054.jpg",
|
||||
},
|
||||
{
|
||||
name: "John D.",
|
||||
role: "Event Planner",
|
||||
company: "Creative Events",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-looking-camera_23-2148187139.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah K.",
|
||||
role: "Regular Guest",
|
||||
company: "N/A",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-her-mother-bringing-food-table-while-having-family-lunch-home_637285-3144.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marcus L.",
|
||||
role: "Business Owner",
|
||||
company: "Tech Startup",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/christmas-dinner-concept-with-man_23-2147715614.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena P.",
|
||||
role: "Designer",
|
||||
company: "Studio X",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-arms-crossed_107420-12323.jpg",
|
||||
},
|
||||
{ name: "Thandiwe M.", handle: "@thandiwe", testimonial: "Fantastic experience!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5054.jpg" },
|
||||
{ name: "John D.", handle: "@john", testimonial: "Best service in town!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-looking-camera_23-2148187139.jpg" },
|
||||
{ name: "Sarah K.", handle: "@sarah", testimonial: "Highly recommended.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-her-mother-bringing-food-table-while-having-family-lunch-home_637285-3144.jpg" },
|
||||
{ name: "Marcus L.", handle: "@marcus", testimonial: "Incredible atmosphere.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/christmas-dinner-concept-with-man_23-2147715614.jpg" },
|
||||
{ name: "Elena P.", handle: "@elena", testimonial: "Wonderful memories.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-with-arms-crossed_107420-12323.jpg" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/meat-chicken-kebab-sprinkled-with-sumac-onion_140725-9570.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/meat-chicken-kebab-sprinkled-with-sumac-onion_140725-9570.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-friends-celebrating-with-beverages_23-2149445569.jpg",
|
||||
alt: "Friends celebrating",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-smiley-friends-clinking-glasses_23-2149454358.jpg",
|
||||
alt: "Friends clinking glasses",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-getting-ready-new-year-s-party_23-2149144042.jpg",
|
||||
alt: "Young man at party",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/best-friends-celebrating-new-year-s-eve-together_23-2149144039.jpg",
|
||||
alt: "Friends celebrating",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-friends-having-new-year-party-outdoors_23-2149144055.jpg",
|
||||
alt: "Outdoor party",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-friends-celebrating-with-beverages_23-2149445569.jpg", alt: "Friends" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-smiley-friends-clinking-glasses_23-2149454358.jpg", alt: "Friends" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-man-getting-ready-new-year-s-party_23-2149144042.jpg", alt: "Party" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/best-friends-celebrating-new-year-s-eve-together_23-2149144039.jpg", alt: "Friends" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-friends-having-new-year-party-outdoors_23-2149144055.jpg", alt: "Outdoor" }
|
||||
]}
|
||||
avatarText="Join our growing community of food lovers."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Premium Dining",
|
||||
icon: Utensils,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Curated Spirits",
|
||||
icon: Wine,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Event Hosting",
|
||||
icon: Gift,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Quality Assured",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Warm Atmosphere",
|
||||
icon: Flame,
|
||||
},
|
||||
{ type: "text-icon", text: "Premium Dining", icon: Utensils },
|
||||
{ type: "text-icon", text: "Curated Spirits", icon: Wine },
|
||||
{ type: "text-icon", text: "Event Hosting", icon: Gift },
|
||||
{ type: "text-icon", text: "Quality Assured", icon: ShieldCheck },
|
||||
{ type: "text-icon", text: "Warm Atmosphere", icon: Flame }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -155,15 +80,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Soul of Nsimbini",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6717.jpg",
|
||||
alt: "About Nsimbini",
|
||||
},
|
||||
{ type: "text", content: "The Soul of Nsimbini" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6717.jpg", alt: "About Nsimbini" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -175,42 +93,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Premium Beef Platter",
|
||||
price: "R250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steak-with-cheese-vegetables-restaurant_501050-842.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Signature Lamb Ribs",
|
||||
price: "R180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-meat-concept-with-copy-space_23-2148738925.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Char-Grilled Chicken",
|
||||
price: "R150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-sebet-wooden-board_140725-4714.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "House Gin & Tonic",
|
||||
price: "R85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-mix-long-drinks_23-2148673762.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Premium Red Wine",
|
||||
price: "R350",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-glass-red-wine-close-up_23-2148261643.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Craft Lager Selection",
|
||||
price: "R45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bartender-fills-beer-mug-from-beer-tap_140725-1992.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Premium Beef Platter", price: "R250", imageSrc: "http://img.b2bpic.net/free-photo/steak-with-cheese-vegetables-restaurant_501050-842.jpg" },
|
||||
{ id: "p2", name: "Signature Lamb Ribs", price: "R180", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-meat-concept-with-copy-space_23-2148738925.jpg" },
|
||||
{ id: "p3", name: "Char-Grilled Chicken", price: "R150", imageSrc: "http://img.b2bpic.net/free-photo/fried-sebet-wooden-board_140725-4714.jpg" },
|
||||
{ id: "p4", name: "House Gin & Tonic", price: "R85", imageSrc: "http://img.b2bpic.net/free-photo/close-up-mix-long-drinks_23-2148673762.jpg" },
|
||||
{ id: "p5", name: "Premium Red Wine", price: "R350", imageSrc: "http://img.b2bpic.net/free-photo/tasty-glass-red-wine-close-up_23-2148261643.jpg" },
|
||||
{ id: "p6", name: "Craft Lager Selection", price: "R45", imageSrc: "http://img.b2bpic.net/free-photo/bartender-fills-beer-mug-from-beer-tap_140725-1992.jpg" }
|
||||
]}
|
||||
title="Our Signature Offerings"
|
||||
description="From slow-cooked meats to curated spirits, discover your new favorite."
|
||||
@@ -220,32 +108,18 @@ export default function LandingPage() {
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
textboxLayout="split"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Venue Hire",
|
||||
description: "Spacious and flexible areas for your events.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-happy-women-chatting_23-2149445598.jpg",
|
||||
},
|
||||
title: "Venue Hire", description: "Spacious and flexible areas for your events.", media: { imageSrc: "http://img.b2bpic.net/free-photo/meat-chicken-kebab-sprinkled-with-sumac-onion_140725-9570.jpg" },
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Catering options",
|
||||
},
|
||||
{
|
||||
icon: Calendar,
|
||||
text: "Flexible booking",
|
||||
},
|
||||
{
|
||||
icon: Music,
|
||||
text: "Sound equipment",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Catering options" },
|
||||
{ icon: Calendar, text: "Flexible booking" },
|
||||
{ icon: Music, text: "Sound equipment" }
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meat-chicken-kebab-sprinkled-with-sumac-onion_140725-9570.jpg?_wi=2",
|
||||
imageAlt: "restaurant atmosphere warm lighting",
|
||||
},
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Host Your Events"
|
||||
description="Whether it's a birthday, corporate gathering, or intimate celebration, we provide the perfect venue."
|
||||
@@ -259,21 +133,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
description: "Happy guests served",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50+",
|
||||
description: "Events hosted",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Quality commitment",
|
||||
},
|
||||
{ id: "m1", value: "500+", description: "Happy guests served" },
|
||||
{ id: "m2", value: "50+", description: "Events hosted" },
|
||||
{ id: "m3", value: "100%", description: "Quality commitment" }
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="We take pride in our service."
|
||||
@@ -283,62 +145,19 @@ export default function LandingPage() {
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
textboxLayout="default"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah L.",
|
||||
role: "Regular",
|
||||
company: "N/A",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-hands-holds-two-burgers-blurred-background_169016-43765.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John M.",
|
||||
role: "Local",
|
||||
company: "N/A",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-glass-good-champagne_329181-5106.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Pumeza K.",
|
||||
role: "Organizer",
|
||||
company: "N/A",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-little-girl-having-fun-with-her-parents-meal-dining-table_637285-3227.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David S.",
|
||||
role: "Patron",
|
||||
company: "N/A",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-posing-together_23-2150172129.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Bongani D.",
|
||||
role: "Regular",
|
||||
company: "N/A",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-phone-standing-by-window_1303-19268.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah L.", role: "Regular", company: "N/A", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-hands-holds-two-burgers-blurred-background_169016-43765.jpg" },
|
||||
{ id: "2", name: "John M.", role: "Local", company: "N/A", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-with-glass-good-champagne_329181-5106.jpg" },
|
||||
{ id: "3", name: "Pumeza K.", role: "Organizer", company: "N/A", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-little-girl-having-fun-with-her-parents-meal-dining-table_637285-3227.jpg" },
|
||||
{ id: "4", name: "David S.", role: "Patron", company: "N/A", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-posing-together_23-2150172129.jpg" },
|
||||
{ id: "5", name: "Bongani D.", role: "Regular", company: "N/A", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-phone-standing-by-window_1303-19268.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Rating",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Service",
|
||||
},
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Experience",
|
||||
},
|
||||
{ value: "4.9", label: "Rating" },
|
||||
{ value: "24/7", label: "Service" },
|
||||
{ value: "10k+", label: "Experience" }
|
||||
]}
|
||||
title="Guest Voices"
|
||||
description="What our patrons say about us."
|
||||
@@ -349,15 +168,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Local Partners",
|
||||
"Top Suppliers",
|
||||
"Community Favorites",
|
||||
"TrustSeal",
|
||||
"Quality Assured",
|
||||
"Eco-friendly Initiative",
|
||||
"Community Hero",
|
||||
]}
|
||||
names={["Local Partners", "Top Suppliers", "Community Favorites", "TrustSeal", "Quality Assured", "Eco-friendly Initiative", "Community Hero"]}
|
||||
title="Proudly Supported By"
|
||||
description="Working with the best to bring you the best."
|
||||
/>
|
||||
@@ -366,38 +177,24 @@ export default function LandingPage() {
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
faqsAnimation="slide-up"
|
||||
mediaAnimation="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do I need a booking?",
|
||||
content: "Booking is recommended for events and large groups.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What kind of meats?",
|
||||
content: "We offer premium beef, lamb, and chicken grilled to perfection.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I host an event?",
|
||||
content: "Yes, we specialize in venue hire for private celebrations.",
|
||||
},
|
||||
{ id: "q1", title: "Do I need a booking?", content: "Booking is recommended for events and large groups." },
|
||||
{ id: "q2", title: "What kind of meats?", content: "We offer premium beef, lamb, and chicken grilled to perfection." },
|
||||
{ id: "q3", title: "Can I host an event?", content: "Yes, we specialize in venue hire for private celebrations." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269187.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about us."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Get In Touch"
|
||||
description="Ready to visit or host your next event? Drop us a line."
|
||||
@@ -409,36 +206,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Events",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Events", href: "#features" }, { label: "Menu", href: "#products" }] },
|
||||
{ title: "Legal", items: [{ label: "Terms", href: "#" }, { label: "Privacy", href: "#" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Nsimbini Lifestyle"
|
||||
bottomRightText="Built with passion."
|
||||
|
||||
Reference in New Issue
Block a user