Merge version_1 into main #1
437
src/app/page.tsx
437
src/app/page.tsx
@@ -28,336 +28,129 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Whole Earth Cafe"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Whole Earth Cafe"
|
||||
button={{ text: "Order Online", href: "#menu" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Nature's Oasis in Scarborough"
|
||||
description="True-to-nature cuisine crafted with the freshest local ingredients. A cozy space for healthy eaters, home-bake lovers, and everyone in between."
|
||||
tag="Welcome to Whole Earth Cafe"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-coffee-with-muffins_23-2148337165.jpg",
|
||||
imageAlt: "Cozy cafe breakfast",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-friends-sitting-bar_23-2147681032.jpg",
|
||||
imageAlt: "Warm cafe interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-desserts-tray-with-tea-milk_23-2148696263.jpg",
|
||||
imageAlt: "High angle of desserts on tray",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-still-life_23-2148116848.jpg",
|
||||
imageAlt: "Coffee still life",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-bed_23-2148079542.jpg",
|
||||
imageAlt: "Breakfast in bed",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="295 Excellent Reviews"
|
||||
tagIcon={Sparkles}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Book a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Nature's Oasis in Scarborough"
|
||||
description="True-to-nature cuisine crafted with the freshest local ingredients. A cozy space for healthy eaters, home-bake lovers, and everyone in between."
|
||||
tag="Welcome to Whole Earth Cafe"
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-coffee-with-muffins_23-2148337165.jpg", imageAlt: "Cozy cafe breakfast" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/three-friends-sitting-bar_23-2147681032.jpg", imageAlt: "Warm cafe interior" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="295 Excellent Reviews"
|
||||
tagIcon={Sparkles}
|
||||
buttons={[
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
{ text: "Book a Table", href: "#contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "An Inviting Home Away From Home",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/cup-coffee-plates-with-chocolate-cookies_23-2148326713.jpg",
|
||||
alt: "Fresh cafe interior",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Read Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "An Inviting Home Away From Home" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/cup-coffee-plates-with-chocolate-cookies_23-2148326713.jpg", alt: "Fresh cafe interior" },
|
||||
]}
|
||||
buttons={[{ text: "Read Our Story", href: "#about" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"No long, stressful waiting times",
|
||||
"No hidden artificial additives",
|
||||
"No uncomfortable, stuffy environments",
|
||||
"No processed or refined sugars",
|
||||
"No loud or intrusive music",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Fresh, local organic ingredients",
|
||||
"Delicious healthy & vegan options",
|
||||
"Friendly service from our expert team",
|
||||
"Sustainable eco-friendly practices",
|
||||
"Artisan craft baked daily",
|
||||
],
|
||||
}}
|
||||
title="Why Visitors Love Us"
|
||||
description="At Whole Earth Cafe, we blend excellent food with a comfortable, service-focused environment."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{ items: ["No long, stressful waiting times", "No hidden artificial additives", "No uncomfortable, stuffy environments", "No processed or refined sugars", "No loud or intrusive music"] }}
|
||||
positiveCard={{ items: ["Fresh, local organic ingredients", "Delicious healthy & vegan options", "Friendly service from our expert team", "Sustainable eco-friendly practices", "Artisan craft baked daily"] }}
|
||||
title="Why Visitors Love Us"
|
||||
description="At Whole Earth Cafe, we blend excellent food with a comfortable, service-focused environment."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Avocado Toast",
|
||||
price: "R 120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/toast-with-avocado-plate_1220-7326.jpg",
|
||||
imageAlt: "Fresh avocado toast",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Garden Harvest Salad",
|
||||
price: "R 145",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artistic-avocado-tomato-salad-with-edible-flowers_23-2151998769.jpg",
|
||||
imageAlt: "Fresh garden salad",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Carrot Cake",
|
||||
price: "R 65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carrot-cake-slice-with-cream-cheese-frosting_123827-37156.jpg",
|
||||
imageAlt: "Homemade carrot cake",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Fresh Berry Smoothie",
|
||||
price: "R 75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-tasty-summer-smoothie_23-2148197880.jpg",
|
||||
imageAlt: "Fresh smoothie",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Gourmet Chicken Burger",
|
||||
price: "R 165",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cheesy-meat-burger-with-seasonings-dark-floor-bun-sandwich-fast-food_140725-82157.jpg",
|
||||
imageAlt: "Chicken burger",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Tuna Sesame Crust",
|
||||
price: "R 195",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-fish-chips-dish-paper-cone_23-2148776026.jpg",
|
||||
imageAlt: "Tuna fillet",
|
||||
},
|
||||
]}
|
||||
title="Featured Culinary Delights"
|
||||
description="Explore our menu filled with wholesome ingredients and heavenly home-cooked meals."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Avocado Toast", price: "R 120", imageSrc: "http://img.b2bpic.net/free-photo/toast-with-avocado-plate_1220-7326.jpg", imageAlt: "Fresh avocado toast" },
|
||||
{ id: "2", name: "Garden Harvest Salad", price: "R 145", imageSrc: "http://img.b2bpic.net/free-photo/artistic-avocado-tomato-salad-with-edible-flowers_23-2151998769.jpg", imageAlt: "Fresh garden salad" },
|
||||
{ id: "3", name: "Carrot Cake", price: "R 65", imageSrc: "http://img.b2bpic.net/free-photo/carrot-cake-slice-with-cream-cheese-frosting_123827-37156.jpg", imageAlt: "Homemade carrot cake" }
|
||||
]}
|
||||
title="Featured Culinary Delights"
|
||||
description="Explore our menu filled with wholesome ingredients and heavenly home-cooked meals."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Happy Customers",
|
||||
value: "295+",
|
||||
icon: Smile,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Fresh Ingredients",
|
||||
value: "100%",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Local Talent Art",
|
||||
value: "50+",
|
||||
icon: Palette,
|
||||
},
|
||||
]}
|
||||
title="Our Cafe Journey"
|
||||
description="We are proud of the impact we've made in the local Scarborough community through healthy food and creative connection."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "1", title: "Happy Customers", value: "295+", icon: Smile },
|
||||
{ id: "2", title: "Fresh Ingredients", value: "100%", icon: Leaf },
|
||||
{ id: "3", title: "Local Talent Art", value: "50+", icon: Palette },
|
||||
]}
|
||||
title="Our Cafe Journey"
|
||||
description="We are proud of the impact we've made in the local Scarborough community through healthy food and creative connection."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Barbara",
|
||||
role: "Traveler",
|
||||
company: "Couples",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5054.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "The Scenic Suitcase",
|
||||
role: "Traveler",
|
||||
company: "Friends",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-happy-young-man-relaxing-coffee-shop-spending-time-cafe-listening_1258-245399.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Janina K",
|
||||
role: "Traveler",
|
||||
company: "Couples",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-man-restaurant_23-2148395316.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Graham W",
|
||||
role: "Traveler",
|
||||
company: "Couples",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-gathering-dinner_23-2148454163.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lois G",
|
||||
role: "Traveler",
|
||||
company: "Couples",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-beverage-while-break-time_23-2149256929.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Hear from our wonderful community members who make Whole Earth Cafe what it is today."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Barbara", role: "Traveler", company: "Couples", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5054.jpg" },
|
||||
{ id: "2", name: "The Scenic Suitcase", role: "Traveler", company: "Friends", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-happy-young-man-relaxing-coffee-shop-spending-time-cafe-listening_1258-245399.jpg" }
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Hear from our wonderful community members who make Whole Earth Cafe what it is today."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Visit our oasis at 96 Main Road, Scarborough. We look forward to welcoming you soon!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Visit our oasis at 96 Main Road, Scarborough. We look forward to welcoming you soon!"
|
||||
buttons={[{ text: "Get Directions", href: "https://maps.google.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Whole Earth Cafe"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hours",
|
||||
items: [
|
||||
{
|
||||
label: "Daily: 8:30am-5:30pm",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Tuesday: Closes 4pm",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Whole Earth Cafe"
|
||||
columns={[
|
||||
{ title: "Quick Links", items: [{ label: "About", href: "#about" }, { label: "Menu", href: "#menu" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Hours", items: [{ label: "Daily: 8:30am-5:30pm", href: "#" }, { label: "Tuesday: Closes 4pm", href: "#" }] },
|
||||
{ title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user