308 lines
17 KiB
TypeScript
308 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import { Award, Coffee, Cookie, Croissant, Egg, Facebook, Instagram, Leaf, Smile, Sparkles, Star, Users, X } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="aurora"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#home"},
|
|
{
|
|
name: "About Us", id: "#about"},
|
|
{
|
|
name: "Menu", id: "#menu"},
|
|
{
|
|
name: "Reviews", id: "#reviews"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
logoSrc="http://img.b2bpic.net/free-photo/bread_23-2147989455.jpg"
|
|
logoAlt="Somo Bakery Cafe Logo"
|
|
brandName="Somo Bakery Cafe"
|
|
button={{
|
|
text: "Order Now", href: "#menu"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroSplitKpi
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
imagePosition="right"
|
|
title="Somo Bakery Cafe: Where Every Sip & Bite Inspires"
|
|
description="Discover a peaceful oasis in Riyadh. Indulge in our artisan pastries, specialty coffee, and delightful breakfast creations, crafted with passion and served with warmth."
|
|
kpis={[
|
|
{
|
|
value: "4.6", label: "Rating"},
|
|
{
|
|
value: "439+", label: "Reviews"},
|
|
{
|
|
value: "SAR 20-40", label: "Price Range"},
|
|
]}
|
|
enableKpiAnimation={true}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ev9qKUnEMjFLuX9mfU7XqCGmrT/uploaded-1781048959802-fqszztyh.png"
|
|
imageAlt="Somo Bakery Cafe interior with seating and natural light"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiling-woman-with-olives-beer_23-2147680964.jpg", alt: "Happy customer"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/bearded-man-cafe_171337-18063.jpg", alt: "Customer enjoying coffee"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/student-sitting-cafe-with-cup-coffee-young-asian-woman-working-laptop-restaurant-sitting_1258-199165.jpg", alt: "Woman working at cafe"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/laugh-is-way-happiness_329181-2893.jpg", alt: "Friends at cafe"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiling-girl-barista-cafe-preparing-cappuccino-coffee-machine-steaming-milk-wearing-uniform_1258-199307.jpg", alt: "Barista working"},
|
|
]}
|
|
avatarText="Join our community of coffee lovers!"
|
|
marqueeItems={[
|
|
{
|
|
type: "text-icon", text: "Freshly Baked", icon: Croissant,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Premium Coffee", icon: Coffee,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Warm Ambiance", icon: Star,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Daily Specials", icon: Sparkles,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Friendly Staff", icon: Smile,
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
useInvertedBackground={true}
|
|
title="Our Story: Passion for Perfection in Every Detail"
|
|
metrics={[
|
|
{
|
|
icon: Award,
|
|
label: "Years of Craft", value: "5+"},
|
|
{
|
|
icon: Coffee,
|
|
label: "Artisan Creations", value: "50+"},
|
|
{
|
|
icon: Users,
|
|
label: "Happy Guests", value: "1000s"},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureBorderGlow
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
icon: Croissant,
|
|
title: "Artisan Croissants", description: "Flaky, buttery, and baked to golden perfection daily. A true Parisian experience in Riyadh."},
|
|
{
|
|
icon: Croissant,
|
|
title: "Fluffy Pancakes", description: "Our legendary pancakes, generously drizzled with chocolate and white sauces, served with fresh berries."},
|
|
{
|
|
icon: Coffee,
|
|
title: "Specialty Coffee", description: "Carefully selected beans, expertly brewed to bring you the finest coffee experience, from classic espresso to refreshing matcha lattes."},
|
|
{
|
|
icon: Sparkles,
|
|
title: "Gourmet Cinnamon Rolls", description: "Warm, soft, and swirled with aromatic cinnamon, topped with our signature cream cheese frosting."},
|
|
{
|
|
icon: Cookie,
|
|
title: "Decadent Desserts", description: "Explore a variety of exquisite cakes, tarts, and cookies, perfect for any sweet craving."},
|
|
{
|
|
icon: Leaf,
|
|
title: "Refreshing Beverages", description: "Cool down with our invigorating iced teas, fresh juices, and unique signature drinks."},
|
|
]}
|
|
title="Signature Delights Awaiting Your Discovery"
|
|
description="From freshly baked croissants to our famous fluffy pancakes, each item is a testament to quality ingredients and culinary artistry."
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "product-1", name: "Chocolate Swirl Pancakes", price: "SAR 35", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ev9qKUnEMjFLuX9mfU7XqCGmrT/uploaded-1781048959802-sveq63nc.png", imageAlt: "Chocolate Swirl Pancakes with berries and mint"},
|
|
{
|
|
id: "product-2", name: "Strawberry Croissant", price: "SAR 28", imageSrc: "http://img.b2bpic.net/free-photo/croissant-juice-breakfast_23-2147717709.jpg", imageAlt: "Flaky croissant with fresh strawberries and cream"},
|
|
{
|
|
id: "product-3", name: "Classic Matcha Latte", price: "SAR 25", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ev9qKUnEMjFLuX9mfU7XqCGmrT/uploaded-1781048959802-tckahxou.png", imageAlt: "Iced Matcha Latte with whipped cream and pancakes"},
|
|
{
|
|
id: "product-4", name: "Pecan Cinnamon Roll", price: "SAR 30", imageSrc: "http://img.b2bpic.net/free-photo/fluffy-meringue-muffins-with-black-dry-grapes-table_114579-22145.jpg", imageAlt: "Warm cinnamon roll with pecan and cream cheese frosting"},
|
|
{
|
|
id: "product-5", name: "Assorted Pastries Display", price: "SAR 20-40", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ev9qKUnEMjFLuX9mfU7XqCGmrT/uploaded-1781048959802-1okey71l.png", imageAlt: "Display of various artisan pastries and cakes"},
|
|
{
|
|
id: "product-6", name: "Specialty Drip Coffee", price: "SAR 22", imageSrc: "http://img.b2bpic.net/free-photo/black-coffee-cup_74190-6281.jpg", imageAlt: "Freshly brewed specialty drip coffee"},
|
|
]}
|
|
title="Our Menu Highlights"
|
|
description="Explore a selection of our most loved items, each prepared with the highest quality ingredients and a touch of Somo magic."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardEight
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "category-coffee", badge: "Signature", badgeIcon: Coffee,
|
|
price: "SAR 20-35", subtitle: "Freshly Brewed & Expertly Crafted", buttons: [
|
|
{
|
|
text: "View Coffee Menu", href: "#"},
|
|
],
|
|
features: [
|
|
"Espresso & Americano", "Latte & Cappuccino", "Specialty Drip", "Iced Coffees"],
|
|
},
|
|
{
|
|
id: "category-pastries", badge: "Artisan", badgeIcon: Croissant,
|
|
price: "SAR 25-40", subtitle: "Baked Fresh Every Morning", buttons: [
|
|
{
|
|
text: "Explore Pastries", href: "#"},
|
|
],
|
|
features: [
|
|
"Croissants & Danishes", "Cinnamon Rolls", "Cakes & Tarts", "Cookies & Muffins"],
|
|
},
|
|
{
|
|
id: "category-breakfast", badge: "Delight", badgeIcon: Egg,
|
|
price: "SAR 30-50", subtitle: "Perfect Start to Your Day", buttons: [
|
|
{
|
|
text: "Browse Breakfast", href: "#"},
|
|
],
|
|
features: [
|
|
"Fluffy Pancakes", "Savory Sandwiches", "Fruit Bowls", "Yogurt & Granola"],
|
|
},
|
|
]}
|
|
title="Our Offerings & Price Guide"
|
|
description="From quick bites to indulgent treats, find your perfect match. Our prices reflect the premium quality and artisan craftsmanship."
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Shahad Alrumaih", handle: "@shahad.a", testimonial: "A beautiful and calm cafe and bakery. The seating is nice and bright, and the vibe is so relaxing, like you're traveling. Their coffee beans are luxurious and delicious, and the matcha is perfectly balanced. The sweets are innovative and wonderful. The staff are very respectful and helpful. Service 10/10, more than wonderful, and definitely not my last visit!", imageSrc: "http://img.b2bpic.net/free-photo/glamour-african-american-woman-yellow-dress-sitting-table-with-dishes-restaurant-with-mobile-phone-hand_627829-509.jpg", imageAlt: "Shahad Alrumaih"},
|
|
{
|
|
id: "t2", name: "Amal Ibrahim", handle: "@amal.i", testimonial: "The place is quiet and nice. The pancakes are amazing, I commend them for it. We had fruit pancakes, which were good but took time to prepare. We also had red velvet pancakes, which I found okay; chocolate would be better.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-handsome-confident-man-with-beard-looking-empty-space-smiling-standing-blue-ba_1258-172109.jpg", imageAlt: "Amal Ibrahim"},
|
|
{
|
|
id: "t3", name: "Farah Albuoali", handle: "@farah.a", testimonial: "The place is beautiful and calm, and best of all, very quiet. Their coffee is good, and the pecan cinnamon roll and pancakes are very delicious. Their only problem is that the prices are a bit high, but everything is organized, even the staff are very respectful and care about the customer's comfort. I came twice to study here and will definitely repeat my visit.", imageSrc: "http://img.b2bpic.net/free-photo/blonde-businesswoman_23-2147626494.jpg", imageAlt: "Farah Albuoali"},
|
|
{
|
|
id: "t4", name: "Ahmed Al-Mansoori", handle: "@ahmed.m", testimonial: "Somo Bakery Cafe is my go-to spot for a relaxing afternoon. Their coffee is consistently excellent, and the atmosphere is perfect for unwinding. Highly recommend their cheesecake!", imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-model-outside-park_1303-10374.jpg", imageAlt: "Ahmed Al-Mansoori"},
|
|
{
|
|
id: "t5", name: "Noura Al-Hajri", handle: "@noura.h", testimonial: "I love the vibe here! It truly feels like a getaway. The matcha latte is perfectly made, and their pastries are always fresh and delightful. A must-visit in Riyadh.", imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-looking-away-from-camera_23-2148323695.jpg", imageAlt: "Noura Al-Hajri"},
|
|
{
|
|
id: "t6", name: "Khaled Abdullah", handle: "@khaled.a", testimonial: "The best pancakes I've ever had! The staff are incredibly friendly and the service is top-notch. It's rare to find a cafe this good. Somo never disappoints.", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-holding-slice-bread-while-using-smart-phone-preparing-food-kitchen_637285-3500.jpg", imageAlt: "Khaled Abdullah"},
|
|
]}
|
|
title="What Our Guests Are Saying"
|
|
description="Our customers love the tranquil ambiance and exquisite flavors at Somo Bakery Cafe. Read their heartwarming experiences."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "What are your opening hours?", content: "Somo Bakery Cafe opens daily at 7 AM. Please check our latest schedule for closing times on holidays."},
|
|
{
|
|
id: "q2", title: "Do you offer delivery services?", content: "Yes, we offer no-contact delivery through popular local delivery platforms. You can find us on [Platform Name]."},
|
|
{
|
|
id: "q3", title: "What are your most popular items?", content: "Our fluffy chocolate swirl pancakes, artisan croissants, and specialty coffee are consistently among our best-sellers."},
|
|
{
|
|
id: "q4", title: "Can I make a reservation?", content: "We currently operate on a walk-in basis to maintain a relaxed and casual atmosphere, but feel free to call ahead for larger groups."},
|
|
{
|
|
id: "q5", title: "Do you have options for dietary restrictions?", content: "We offer a selection of items that cater to various dietary preferences. Please ask our staff for more details during your visit."},
|
|
{
|
|
id: "q6", title: "Where is Somo Bakery Cafe located?", content: "We are located at Al Takhassousi, Al Mohammadiyyah, Riyadh 12362, Saudi Arabia."},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Find quick answers to common questions about Somo Bakery Cafe."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Reach Out"
|
|
title="Visit Us or Get in Touch"
|
|
description="Whether you have a question, feedback, or just want to say hello, we'd love to hear from you."
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ev9qKUnEMjFLuX9mfU7XqCGmrT/uploaded-1781048959803-q968nvkd.png"
|
|
imageAlt="Somo Bakery Cafe counter with baristas"
|
|
mediaAnimation="opacity"
|
|
mediaPosition="left"
|
|
inputPlaceholder="Your Email Address"
|
|
buttonText="Send Message"
|
|
termsText="By sending a message, you agree to our Terms and Conditions."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Somo Bakery Cafe"
|
|
copyrightText="© 2024 Somo Bakery Cafe. All rights reserved."
|
|
socialLinks={[
|
|
{
|
|
icon: Instagram,
|
|
href: "#", ariaLabel: "Instagram"},
|
|
{
|
|
icon: Facebook,
|
|
href: "#", ariaLabel: "Facebook"},
|
|
{
|
|
icon: X,
|
|
href: "#", ariaLabel: "Twitter"},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|