Merge version_2 into main #2
135
src/app/page.tsx
135
src/app/page.tsx
@@ -2,7 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Coffee, Star, Award } from 'lucide-react';
|
||||
import { Coffee, Star, Award, MapPin, Clock, Phone } from 'lucide-react';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
@@ -31,14 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Locals Cafe"
|
||||
/>
|
||||
@@ -46,39 +43,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
title="Your Daily Locals Moment Starts Here"
|
||||
description="Handcrafted coffee and contemporary brunch in the heart of Jeddah. Order ahead, pick up fresh, or enjoy delivery to your door."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now", href: "#products"},
|
||||
]}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Locals Cafe | Jeddah's Coffee Haven"
|
||||
description="Rated 4.8 stars by our community. Join us for specialty coffee, premium brunch, and the warmest atmosphere in the city."
|
||||
buttons={[{ text: "Order Now", href: "#products" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-coffee-cup_23-2148865584.jpg", imageAlt: "Handcrafted specialty coffee"},
|
||||
{
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/top-view-breakfast_23-2147985103.jpg", imageAlt: "Signature avocado toast"},
|
||||
{
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/cafe-with-burning-candles-tables_140725-7784.jpg", imageAlt: "Artisanal coffee beans"},
|
||||
{
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-coffee-spacious-cafeteria_23-2150424026.jpg", imageAlt: "Modern cafe atmosphere"},
|
||||
{
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/barista-surving-client-with-coffee-coffee-shop_1303-29333.jpg", imageAlt: "Latte art detail"},
|
||||
{
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/spanich-sandwich-shop-window_1398-4866.jpg", imageAlt: "Fresh brunch spread"},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-coffee-cup_23-2148865584.jpg", imageAlt: "Handcrafted specialty coffee" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/top-view-breakfast_23-2147985103.jpg", imageAlt: "Signature avocado toast" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/cafe-with-burning-candles-tables_140725-7784.jpg", imageAlt: "Artisanal coffee beans" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-coffee-spacious-cafeteria_23-2150424026.jpg", imageAlt: "Modern cafe atmosphere" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/barista-surving-client-with-coffee-coffee-shop_1303-29333.jpg", imageAlt: "Latte art detail" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/spanich-sandwich-shop-window_1398-4866.jpg", imageAlt: "Fresh brunch spread" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Serving Jeddah's finest coffee culture"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
title="About Locals Cafe"
|
||||
buttons={[{ text: "Learn More", href: "#about" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -88,22 +71,13 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
title="Our Featured Menu"
|
||||
description="Discover local favorites, from specialty pour-overs to signature brunch classics."
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Avocado Toast", price: "SAR 35", imageSrc: "http://img.b2bpic.net/free-photo/creative-assortment-breakfast-meal_23-2148878777.jpg"},
|
||||
{
|
||||
id: "p2", name: "Specialty Pour Over", price: "SAR 25", imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-asian-woman-holding-cup-cappuccino-cafe_1098-20163.jpg"},
|
||||
{
|
||||
id: "p3", name: "Classic Croissant", price: "SAR 15", imageSrc: "http://img.b2bpic.net/free-photo/croissant-juice-breakfast_23-2147717709.jpg"},
|
||||
{
|
||||
id: "p4", name: "Signature Iced Latte", price: "SAR 22", imageSrc: "http://img.b2bpic.net/free-photo/ice-coffee-with-milk-table_140725-7361.jpg"},
|
||||
{
|
||||
id: "p5", name: "Acai Superfood Bowl", price: "SAR 45", imageSrc: "http://img.b2bpic.net/free-photo/superfoods-bowl-topped-with-chia-granola-avocado_273443-1849.jpg"},
|
||||
{
|
||||
id: "p6", name: "Mocha Velvet", price: "SAR 24", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-powder-copy-space_23-2148255067.jpg"},
|
||||
{ id: "p1", name: "Avocado Toast", price: "SAR 35", imageSrc: "http://img.b2bpic.net/free-photo/creative-assortment-breakfast-meal_23-2148878777.jpg" },
|
||||
{ id: "p2", name: "Specialty Pour Over", price: "SAR 25", imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-asian-woman-holding-cup-cappuccino-cafe_1098-20163.jpg" },
|
||||
{ id: "p3", name: "Classic Croissant", price: "SAR 15", imageSrc: "http://img.b2bpic.net/free-photo/croissant-juice-breakfast_23-2147717709.jpg" },
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Explore our handcrafted brunch favorites and expertly brewed specialty coffee."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -111,81 +85,52 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="What Our Locals Say"
|
||||
description="Join over 27,000 happy customers who make Locals Cafe their daily stop."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah A.", role: "Professional", testimonial: "The best avocado toast in Jeddah, perfect vibe every morning.", imageSrc: "http://img.b2bpic.net/free-photo/people-drinking-coffee-spacious-cafeteria_23-2150424007.jpg"},
|
||||
{
|
||||
id: "2", name: "Ahmed K.", role: "Student", testimonial: "Always consistent, great coffee for long study sessions.", imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-holding-bread-glass-juice-hand-looking-away_23-2147974658.jpg"},
|
||||
{
|
||||
id: "3", name: "Layla M.", role: "Expat", testimonial: "Authentic local feel, feels like a home away from home.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-tasty-food_23-2150168091.jpg"},
|
||||
{
|
||||
id: "4", name: "Omar S.", role: "Local", testimonial: "Friendly baristas and truly premium quality coffee beans.", imageSrc: "http://img.b2bpic.net/free-photo/woman-bench-drinking-coffee_23-2148752402.jpg"},
|
||||
{
|
||||
id: "5", name: "Noora H.", role: "Professional", testimonial: "My daily caffeine hit, never disappoints on consistency.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-woman-coffee-shop_23-2148131716.jpg"},
|
||||
{ id: "1", name: "Sarah A.", role: "Regular", testimonial: "Absolutely the best coffee experience in Jeddah!" },
|
||||
{ id: "2", name: "Ahmed K.", role: "Local", testimonial: "Consistent quality, great brunch, and super friendly staff." },
|
||||
{ id: "3", name: "Layla M.", role: "Foodie", testimonial: "The atmosphere is perfect for working or catching up with friends." },
|
||||
]}
|
||||
title="Loved by our regulars"
|
||||
description="See why our community loves starting their day at Locals."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Locals Cafe Highlights"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", title: "Happy Customers", value: "27K+", icon: Coffee,
|
||||
},
|
||||
{
|
||||
id: "m2", title: "Google Rating", value: "4.8", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m3", title: "Handcrafted Coffees", value: "100K+", icon: Award,
|
||||
},
|
||||
{ id: "m1", icon: Star, title: "Rating", value: "4.8/5" },
|
||||
{ id: "m2", icon: Clock, title: "Open Daily", value: "7AM - 1AM" },
|
||||
{ id: "m3", icon: MapPin, title: "Location", value: "Jeddah" },
|
||||
]}
|
||||
title="Cafe at a glance"
|
||||
description="Quality backed by numbers and our dedicated community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Frequently Asked Questions"
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "Do you offer delivery?", content: "Yes, we deliver directly to your door in Jeddah via our platform."},
|
||||
{
|
||||
id: "f2", title: "Can I order ahead for pickup?", content: "Absolutely! Use our order online feature to select your items and choose your pickup time."},
|
||||
{
|
||||
id: "f3", title: "Are there vegan options?", content: "We offer a selection of dairy-free milk alternatives and healthy plant-based menu items."},
|
||||
{ id: "f1", title: "Where are you located?", content: "We are conveniently located in the heart of Jeddah." },
|
||||
{ id: "f2", title: "Are you open for breakfast?", content: "Yes, we open early daily with fresh brunch options." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Have questions about ordering or our menu? We're here to help."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
tag="Join Locals"
|
||||
title="Stay Updated with Us"
|
||||
description="Sign up to receive news about our seasonal coffee roasts and limited-time brunch specials."
|
||||
tag="Contact Us"
|
||||
title="Visit Locals Cafe"
|
||||
description="We look forward to serving you the finest coffee in town."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Locals Cafe"
|
||||
leftLink={{
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service", href: "#"}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user