Merge version_1 into main #2
454
src/app/page.tsx
454
src/app/page.tsx
@@ -13,338 +13,144 @@ import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCar
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
]}
|
||||
brandName="The Daily Grind"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
]}
|
||||
brandName="The Daily Grind"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="The Daily Grind"
|
||||
description="Where world-class coffee meets unforgettable food. Experience Gaborone’s most loved café."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Best coffee in Gaborone. Melbourne-level good.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-sitting-restaurant_23-2149930183.jpg?_wi=1",
|
||||
imageAlt: "luxury coffee shop interior moody lighting",
|
||||
},
|
||||
{
|
||||
name: "Mark D.",
|
||||
handle: "@markd",
|
||||
testimonial: "Absolutely delicious and thoughtfully crafted food.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081461.jpg",
|
||||
imageAlt: "luxury coffee shop interior moody lighting",
|
||||
},
|
||||
{
|
||||
name: "Elena P.",
|
||||
handle: "@elenap",
|
||||
testimonial: "Amazing vibe, incredible food, and friendly staff.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-fillet-with-sauce-top_140725-6436.jpg?_wi=1",
|
||||
imageAlt: "luxury coffee shop interior moody lighting",
|
||||
},
|
||||
{
|
||||
name: "David K.",
|
||||
handle: "@davidk",
|
||||
testimonial: "The perfect spot for business breakfast.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/disposable-coffee-cup-edge-window-sill_23-2147937418.jpg?_wi=1",
|
||||
imageAlt: "luxury coffee shop interior moody lighting",
|
||||
},
|
||||
{
|
||||
name: "Linda M.",
|
||||
handle: "@lindam",
|
||||
testimonial: "Consistently excellent experience every time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/poke-bowl-close-up_23-2147985146.jpg?_wi=1",
|
||||
imageAlt: "luxury coffee shop interior moody lighting",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Table",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-people-sitting-restaurant_23-2149930183.jpg?_wi=2"
|
||||
imageAlt="Luxurious coffee shop atmosphere"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/served-table-restaurant_93675-129573.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-arranging-table-restaurant_23-2147936228.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/wedding-hall-with-white-wooden-furniture-interior_114579-2232.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/served-table-restaurant_93675-129581.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/virtual-love-cute-blonde-girl-red-dress-distance-date-with-wine-candles-serious_140725-163894.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Loved by our regulars"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Sourced",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisan Coffee",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh Pastries",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Casual Fine Dining",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Gaborone's Finest",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="The Daily Grind"
|
||||
description="Where world-class coffee meets unforgettable food. Experience Gaborone’s most loved café."
|
||||
testimonials={[
|
||||
{ name: "Sarah J.", handle: "@sarahj", testimonial: "Best coffee in Gaborone. Melbourne-level good.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-sitting-restaurant_23-2149930183.jpg", imageAlt: "luxury coffee shop interior moody lighting" },
|
||||
{ name: "Mark D.", handle: "@markd", testimonial: "Absolutely delicious and thoughtfully crafted food.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081461.jpg", imageAlt: "luxury coffee shop interior moody lighting" },
|
||||
{ name: "Elena P.", handle: "@elenap", testimonial: "Amazing vibe, incredible food, and friendly staff.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-fillet-with-sauce-top_140725-6436.jpg", imageAlt: "luxury coffee shop interior moody lighting" },
|
||||
{ name: "David K.", handle: "@davidk", testimonial: "The perfect spot for business breakfast.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/disposable-coffee-cup-edge-window-sill_23-2147937418.jpg", imageAlt: "luxury coffee shop interior moody lighting" },
|
||||
{ name: "Linda M.", handle: "@lindam", testimonial: "Consistently excellent experience every time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/poke-bowl-close-up_23-2147985146.jpg", imageAlt: "luxury coffee shop interior moody lighting" },
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Reserve Table", href: "#contact" },
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-people-sitting-restaurant_23-2149930183.jpg"
|
||||
imageAlt="Luxurious coffee shop atmosphere"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/served-table-restaurant_93675-129573.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-arranging-table-restaurant_23-2147936228.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/wedding-hall-with-white-wooden-furniture-interior_114579-2232.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/served-table-restaurant_93675-129581.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/virtual-love-cute-blonde-girl-red-dress-distance-date-with-wine-candles-serious_140725-163894.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
avatarText="Loved by our regulars"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Locally Sourced" },
|
||||
{ type: "text", text: "Artisan Coffee" },
|
||||
{ type: "text", text: "Fresh Pastries" },
|
||||
{ type: "text", text: "Casual Fine Dining" },
|
||||
{ type: "text", text: "Gaborone's Finest" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "A Cafe Experience Like No Other",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081461.jpg",
|
||||
alt: "Cafe Interior",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{ type: "text", content: "A Cafe Experience Like No Other" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081461.jpg", alt: "Cafe Interior" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "CEO",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-scanning-qr-restaurant_23-2149357913.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
role: "Creative",
|
||||
company: "DesignLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-arrangement_23-2150312213.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena P.",
|
||||
role: "Entrepreneur",
|
||||
company: "BistroLife",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-safari-party-with-snacks-assortment_23-2149707858.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Manager",
|
||||
company: "GlobalBank",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-berries-near-cupcake_23-2147793013.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda M.",
|
||||
role: "Architect",
|
||||
company: "CityBuild",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lamb-wrapped-with-dough-tomato-sauce_114579-2133.jpg",
|
||||
},
|
||||
]}
|
||||
title="Loved by Hundreds"
|
||||
description="See what our regulars say about their Daily Grind experience."
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", role: "CEO", company: "TechCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-scanning-qr-restaurant_23-2149357913.jpg" },
|
||||
{ id: "2", name: "Mark D.", role: "Creative", company: "DesignLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-arrangement_23-2150312213.jpg" },
|
||||
{ id: "3", name: "Elena P.", role: "Entrepreneur", company: "BistroLife", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-safari-party-with-snacks-assortment_23-2149707858.jpg" },
|
||||
{ id: "4", name: "David K.", role: "Manager", company: "GlobalBank", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-berries-near-cupcake_23-2147793013.jpg" },
|
||||
{ id: "5", name: "Linda M.", role: "Architect", company: "CityBuild", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lamb-wrapped-with-dough-tomato-sauce_114579-2133.jpg" },
|
||||
]}
|
||||
title="Loved by Hundreds"
|
||||
description="See what our regulars say about their Daily Grind experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Turkish Eggs & Lamb",
|
||||
price: "P95",
|
||||
variant: "Breakfast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-fillet-with-sauce-top_140725-6436.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Oat Milk Cappuccino",
|
||||
price: "P35",
|
||||
variant: "Coffee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/disposable-coffee-cup-edge-window-sill_23-2147937418.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Grilled Chicken Quinoa Bowl",
|
||||
price: "P120",
|
||||
variant: "Lunch",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/poke-bowl-close-up_23-2147985146.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
name: "Avocado Sourdough",
|
||||
price: "P85",
|
||||
variant: "Breakfast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-side-dish-with-vegetables-caviar-top-with-blurred-background_181624-2204.jpg",
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
name: "Flat White",
|
||||
price: "P30",
|
||||
variant: "Coffee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-coffee-with-latte-art-decoration_1150-6331.jpg",
|
||||
},
|
||||
{
|
||||
id: "m6",
|
||||
name: "Roasted Vegetable Tart",
|
||||
price: "P75",
|
||||
variant: "Lunch",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-quinoa-salad-with-tomato-cucumber-basil-salt-pepper-table_141793-3676.jpg",
|
||||
},
|
||||
]}
|
||||
title="Signature Favorites"
|
||||
description="Crafted with passion, served with perfection."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{ id: "m1", name: "Turkish Eggs & Lamb", price: "P95", variant: "Breakfast", imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-fillet-with-sauce-top_140725-6436.jpg" },
|
||||
{ id: "m2", name: "Oat Milk Cappuccino", price: "P35", variant: "Coffee", imageSrc: "http://img.b2bpic.net/free-photo/disposable-coffee-cup-edge-window-sill_23-2147937418.jpg" },
|
||||
{ id: "m3", name: "Grilled Chicken Quinoa Bowl", price: "P120", variant: "Lunch", imageSrc: "http://img.b2bpic.net/free-photo/poke-bowl-close-up_23-2147985146.jpg" },
|
||||
{ id: "m4", name: "Avocado Sourdough", price: "P85", variant: "Breakfast", imageSrc: "http://img.b2bpic.net/free-photo/closeup-side-dish-with-vegetables-caviar-top-with-blurred-background_181624-2204.jpg" },
|
||||
{ id: "m5", name: "Flat White", price: "P30", variant: "Coffee", imageSrc: "http://img.b2bpic.net/free-photo/vintage-coffee-with-latte-art-decoration_1150-6331.jpg" },
|
||||
{ id: "m6", name: "Roasted Vegetable Tart", price: "P75", variant: "Lunch", imageSrc: "http://img.b2bpic.net/free-photo/side-view-quinoa-salad-with-tomato-cucumber-basil-salt-pepper-table_141793-3676.jpg" },
|
||||
]}
|
||||
title="Signature Favorites"
|
||||
description="Crafted with passion, served with perfection."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Reservations"
|
||||
title="Reserve Your Table"
|
||||
description="Join us for an unforgettable dining experience at The Daily Grind. Secure your spot today."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-young-girl-pajama-moving-balcony-city-sunny-morning-her-long-hair-flying-wind-she-smiling_197531-2311.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Book Now"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Reservations"
|
||||
title="Reserve Your Table"
|
||||
description="Join us for an unforgettable dining experience at The Daily Grind. Secure your spot today."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-young-girl-pajama-moving-balcony-city-sunny-morning-her-long-hair-flying-wind-she-smiling_197531-2311.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Book Now"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Visit Us",
|
||||
items: [
|
||||
{
|
||||
label: "Gaborone, Botswana",
|
||||
},
|
||||
{
|
||||
label: "Open Daily",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Breakfast",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Lunch",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Coffee",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 The Daily Grind"
|
||||
bottomRightText="Crafted with passion."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Visit Us", items: [{ label: "Gaborone, Botswana" }, { label: "Open Daily" }],
|
||||
},
|
||||
{
|
||||
title: "Menu", items: [{ label: "Breakfast", href: "#menu" }, { label: "Lunch", href: "#menu" }, { label: "Coffee", href: "#menu" }],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [{ label: "Privacy Policy" }, { label: "Terms of Service" }],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 The Daily Grind"
|
||||
bottomRightText="Crafted with passion."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user