Update src/app/page.tsx
This commit is contained in:
156
src/app/page.tsx
156
src/app/page.tsx
@@ -9,9 +9,9 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Coffee, Croissant, Users } from "lucide-react";
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Coffee, Croissant, Users, Clock, Truck, MapPin } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,14 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Hours & Info", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Bondi Coffee Kitchen"
|
||||
/>
|
||||
@@ -46,16 +42,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Bondi Coffee Kitchen Casablanca"
|
||||
description="Authentic flavors, cozy atmosphere, and the finest artisanal coffee at the heart of the city."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu", href: "#products"},
|
||||
{
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
buttons={[{ text: "View Menu", href: "#products" }, { text: "Contact Us", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wooden-furniture-with-cup-coffee_1203-1682.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -63,7 +53,8 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Your Neighborhood Cafe"
|
||||
title="About Bondi Coffee Kitchen"
|
||||
description="Located at 31 Rue Sebou, Casablanca, we are dedicated to serving quality coffee and pastries. We're open daily from 8:00 AM to 8:00 PM to provide you with the perfect community space."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -72,37 +63,13 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="Services & More"
|
||||
description="We prioritize your comfort and accessibility."
|
||||
features={[
|
||||
{
|
||||
title: "Fresh Roast", description: "Small-batch beans roasted for maximum flavor.", icon: Coffee,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roasted-coffee-beans-with-accessories_23-2148336700.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beans-texture-cup-table-white_1323-65.jpg"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Artisan Pastry", description: "Freshly baked every single morning.", icon: Croissant,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-pastries-gogal-plate-marble_114579-87186.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-croissant-arrangement_23-2148531596.jpg"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Community Vibe", description: "The perfect spot to gather and relax.", icon: Users,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pillow-sofa_74190-2069.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teen-girls-writing-notebooks-cafe_23-2147860799.jpg"},
|
||||
]
|
||||
},
|
||||
{ title: "Operating Hours", description: "Open daily from 8:00 AM until 8:00 PM.", icon: Clock, mediaItems: [] },
|
||||
{ title: "Delivery Options", description: "Available on Deliveroo and Glovo for your convenience.", icon: Truck, mediaItems: [] },
|
||||
{ title: "Find Us", description: "Located at 31 Rue Sebou, Casablanca.", icon: MapPin, mediaItems: [] }
|
||||
]}
|
||||
title="Why Bondi Coffee?"
|
||||
description="Crafting unforgettable experiences through quality ingredients and passion."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -113,65 +80,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Signature Latte", price: "25 MAD", variant: "Drink", imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-holding-takeaway-coffee-cup-table_23-2147906521.jpg"},
|
||||
{
|
||||
id: "p2", name: "Chocolate Croissant", price: "18 MAD", variant: "Bakery", imageSrc: "http://img.b2bpic.net/free-photo/croissant-with-chocolate-filling-dark-background_114579-77510.jpg"},
|
||||
{
|
||||
id: "p3", name: "Avocado Toast", price: "45 MAD", variant: "Food", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-healthy-breakfast_23-2147860346.jpg"},
|
||||
{
|
||||
id: "p4", name: "Iced Latte", price: "30 MAD", variant: "Drink", imageSrc: "http://img.b2bpic.net/free-photo/fruit-mocktail_74190-199.jpg"},
|
||||
{
|
||||
id: "p5", name: "Fresh OJ", price: "20 MAD", variant: "Drink", imageSrc: "http://img.b2bpic.net/free-photo/fresh-orange-juice-glass-fresh-orange_1150-20691.jpg"},
|
||||
{
|
||||
id: "p6", name: "Gourmet Sandwich", price: "55 MAD", variant: "Food", imageSrc: "http://img.b2bpic.net/free-photo/salad-sandwich-with-cheese_1220-328.jpg"},
|
||||
{ id: "p1", name: "Signature Latte", price: "25 MAD", variant: "Drink", imageSrc: "http://img.b2bpic.net/free-photo/close-up-girl-holding-takeaway-coffee-cup-table_23-2147906521.jpg" },
|
||||
{ id: "p2", name: "Chocolate Croissant", price: "18 MAD", variant: "Bakery", imageSrc: "http://img.b2bpic.net/free-photo/croissant-with-chocolate-filling-dark-background_114579-77510.jpg" },
|
||||
{ id: "p3", name: "Avocado Toast", price: "45 MAD", variant: "Food", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-healthy-breakfast_23-2147860346.jpg" }
|
||||
]}
|
||||
title="Our Daily Menu"
|
||||
description="From morning pick-me-ups to mid-day treats."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah J.", role: "Local", company: "Casablanca", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman-starts-her-morning-with-mug-coffee-drinking-tea-from-cup-standing_1258-193587.jpg"},
|
||||
{
|
||||
id: "2", name: "Mark D.", role: "Visitor", company: "Casablanca", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-looking-her-man-while-they-eating-breakfast_171337-4940.jpg"},
|
||||
{
|
||||
id: "3", name: "Leila A.", role: "Regular", company: "Casablanca", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-lady-with-short-hair-denim-long-sleeve-jacket-smiling-sincerely-outdoors-young-woman-headphones-with-bright-lips-poses-outside_197531-19345.jpg"},
|
||||
{
|
||||
id: "4", name: "Youssef K.", role: "Patron", company: "Casablanca", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-black-jacket-looking-sideways-sitting-his-desk_23-2148401396.jpg"},
|
||||
{
|
||||
id: "5", name: "Fatima M.", role: "Student", company: "Casablanca", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-wooden-table-with-gradient-photo-style_53876-14314.jpg"},
|
||||
]}
|
||||
title="Loved by Locals"
|
||||
description="See what our regulars are saying."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "Do you offer delivery?", content: "Yes, we are available on major delivery apps."},
|
||||
{
|
||||
id: "f2", title: "What are your hours?", content: "We open daily at 9:00 AM."},
|
||||
{
|
||||
id: "f3", title: "Is there seating available?", content: "We offer cozy indoor and outdoor seating."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
title="Our Menu Highlights"
|
||||
description="Freshly sourced and prepared daily."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -179,14 +93,10 @@ export default function LandingPage() {
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Visit Us"
|
||||
description="Find us at 31 Rue Sebou, Casablanca. We can't wait to serve you."
|
||||
description="31 Rue Sebou, Casablanca. Come say hi or get in touch for inquiries."
|
||||
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 },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-young-girl-pajama-moving-balcony-city-sunny-morning-her-long-hair-flying-wind-she-smiling_197531-2307.jpg"
|
||||
/>
|
||||
@@ -196,26 +106,12 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Bondi Coffee Kitchen"
|
||||
columns={[
|
||||
{
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Menu", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{ title: "Links", items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#products" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user