520 lines
18 KiB
TypeScript
520 lines
18 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactText from '@/components/sections/contact/ContactText';
|
||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||
import { Award, Bean, Coffee, Cookie, Home } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="expand-hover"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="rounded"
|
||
contentWidth="medium"
|
||
sizing="largeSmall"
|
||
background="floatingGradient"
|
||
cardStyle="outline"
|
||
primaryButtonStyle="diagonal-gradient"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="light"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleApple
|
||
navItems={[
|
||
{
|
||
name: "Home",
|
||
id: "#home",
|
||
},
|
||
{
|
||
name: "About Us",
|
||
id: "#about",
|
||
},
|
||
{
|
||
name: "Menu",
|
||
id: "#menu",
|
||
},
|
||
{
|
||
name: "Pricing",
|
||
id: "#pricing",
|
||
},
|
||
{
|
||
name: "Testimonials",
|
||
id: "#testimonials",
|
||
},
|
||
{
|
||
name: "FAQs",
|
||
id: "#faq",
|
||
},
|
||
{
|
||
name: "Contact",
|
||
id: "#contact",
|
||
},
|
||
]}
|
||
brandName="Numidia Coffee"
|
||
/>
|
||
</div>
|
||
|
||
<div id="home" data-section="home">
|
||
<HeroCarouselLogo
|
||
logoText="Numidia Coffee"
|
||
description="Experience the rich aroma and exquisite taste of freshly brewed coffee, crafted with passion and dedication. Your daily ritual, elevated."
|
||
buttons={[
|
||
{
|
||
text: "View Menu",
|
||
href: "#menu",
|
||
},
|
||
{
|
||
text: "Order Online",
|
||
href: "#",
|
||
},
|
||
]}
|
||
slides={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-composition_23-2148104748.jpg?_wi=1",
|
||
imageAlt: "Freshly brewed coffee in a cup",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-cup-heart-shaped-cookies_23-2148381088.jpg?_wi=1",
|
||
imageAlt: "Barista making latte art",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-group-stylish-young-students-drinking-tea-cafe-break-woman-hat-reading-book-while-redhead-woman-african-man-using-electronic-gadgets_273609-671.jpg?_wi=1",
|
||
imageAlt: "Cozy coffee shop interior",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-croissant-glass-jar-jam-with-leaves-cutting-board-wooden-background_141793-130244.jpg",
|
||
imageAlt: "Delicious pastries on display",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/making-drip-coffee-vintage-coffee-shop_1150-14513.jpg",
|
||
imageAlt: "Assortment of coffee beans",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-autumn-lifestyle_23-2151867726.jpg",
|
||
imageAlt: "Outdoor cafe seating with happy customers",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<InlineImageSplitTextAbout
|
||
useInvertedBackground={false}
|
||
heading={[
|
||
{
|
||
type: "text",
|
||
content: "Our Passion For ",
|
||
},
|
||
{
|
||
type: "image",
|
||
src: "http://img.b2bpic.net/free-photo/restaurant-outdoor-with-table-chair_74190-4262.jpg",
|
||
alt: "Coffee beans illustration",
|
||
},
|
||
{
|
||
type: "text",
|
||
content: " Exceptional Coffee",
|
||
},
|
||
]}
|
||
buttons={[
|
||
{
|
||
text: "Learn More",
|
||
href: "#",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="features" data-section="features">
|
||
<FeatureCardTwentyFive
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
features={[
|
||
{
|
||
title: "Artisanal Brewing",
|
||
description: "Our skilled baristas use traditional and modern techniques to craft every cup to perfection, ensuring a rich and nuanced flavor profile.",
|
||
icon: Coffee,
|
||
mediaItems: [
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-coffee-filter_23-2148349630.jpg",
|
||
imageAlt: "Close-up of espresso machine",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-coffee-machine-making-espresso-drink_53876-33548.jpg",
|
||
imageAlt: "Hand pouring coffee into a cup",
|
||
},
|
||
],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-composition_23-2148104748.jpg?_wi=2",
|
||
imageAlt: "espresso machine close up steam coffee",
|
||
},
|
||
{
|
||
title: "Freshly Baked Pastries",
|
||
description: "Indulge in our selection of daily baked pastries, from flaky croissants to decadent cakes, perfect companions to your coffee.",
|
||
icon: Cookie,
|
||
mediaItems: [
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cake-with-macarons-tea_23-2148489091.jpg",
|
||
imageAlt: "Artisanal pastries on marble counter",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/sweet-bun-with-coffee-meal_23-2147699864.jpg",
|
||
imageAlt: "Freshly baked croissants on a wooden board",
|
||
},
|
||
],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-cup-heart-shaped-cookies_23-2148381088.jpg?_wi=2",
|
||
imageAlt: "espresso machine close up steam coffee",
|
||
},
|
||
{
|
||
title: "Inviting Atmosphere",
|
||
description: "Relax in our cozy and modern space, designed for comfort and connection. The perfect spot for work, meetings, or quiet reflection.",
|
||
icon: Home,
|
||
mediaItems: [
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/cute-brunette-girl-barista-cafe-staff-pouring-water-from-kettle-brewing-filter-coffee-cou_1258-138367.jpg",
|
||
imageAlt: "Friendly barista serving a customer",
|
||
},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-fashion-woman-jacuzzi-with-coffee-body-care-bright-makeup_158538-2001.jpg",
|
||
imageAlt: "Coffee tasting flight experience",
|
||
},
|
||
],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-group-stylish-young-students-drinking-tea-cafe-break-woman-hat-reading-book-while-redhead-woman-african-man-using-electronic-gadgets_273609-671.jpg?_wi=2",
|
||
imageAlt: "espresso machine close up steam coffee",
|
||
},
|
||
]}
|
||
title="Our Specialities"
|
||
description="Discover what makes Numidia Coffee unique, from our meticulous brewing methods to our delightful culinary offerings."
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<ProductCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="two-columns-alternating-heights"
|
||
useInvertedBackground={false}
|
||
products={[
|
||
{
|
||
id: "p1",
|
||
brand: "Numidia Roast",
|
||
name: "Ethiopian Yirgacheffe",
|
||
price: "$15.00",
|
||
rating: 5,
|
||
reviewCount: "120 reviews",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-paper-bag_23-2151965871.jpg",
|
||
imageAlt: "Bag of Ethiopian Yirgacheffe coffee beans",
|
||
},
|
||
{
|
||
id: "p2",
|
||
brand: "Seasonal",
|
||
name: "Iced Vanilla Latte",
|
||
price: "$6.50",
|
||
rating: 4.8,
|
||
reviewCount: "85 reviews",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/brown-brew-maker-jar-freshness_1203-3928.jpg",
|
||
imageAlt: "Iced Vanilla Latte with a straw",
|
||
},
|
||
{
|
||
id: "p3",
|
||
brand: "Numidia Merch",
|
||
name: "Signature Coffee Mug",
|
||
price: "$18.00",
|
||
rating: 4.9,
|
||
reviewCount: "60 reviews",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-word-with-cup-coffee-wooden-surface_23-2147893220.jpg",
|
||
imageAlt: "Numidia Coffee signature mug",
|
||
},
|
||
{
|
||
id: "p4",
|
||
brand: "Bakery Fresh",
|
||
name: "Chocolate Croissant",
|
||
price: "$4.25",
|
||
rating: 4.7,
|
||
reviewCount: "95 reviews",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-from-afar-cup-tea-blue-cup-tea-with-lemon-cinnamon-sticks-bowls-chocolate-candies-slices-citrus-fruit-chocolate-cream_140725-111324.jpg",
|
||
imageAlt: "Delicious chocolate croissant",
|
||
},
|
||
{
|
||
id: "p5",
|
||
brand: "Brew Kits",
|
||
name: "Pour Over Starter Kit",
|
||
price: "$45.00",
|
||
rating: 4.6,
|
||
reviewCount: "30 reviews",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-coffee-machine-cup_23-2148892895.jpg",
|
||
imageAlt: "Pour over coffee brewing kit",
|
||
},
|
||
{
|
||
id: "p6",
|
||
brand: "Classic Brew",
|
||
name: "Classic Cappuccino",
|
||
price: "$5.75",
|
||
rating: 4.9,
|
||
reviewCount: "110 reviews",
|
||
imageSrc: "http://img.b2bpic.net/free-photo/caffeine-working-coffee-cup-table_1122-2430.jpg",
|
||
imageAlt: "Hot cappuccino with latte art",
|
||
},
|
||
]}
|
||
title="Our Featured Menu"
|
||
description="Explore our curated selection of popular coffees and delectable treats, crafted for every taste."
|
||
/>
|
||
</div>
|
||
|
||
<div id="pricing" data-section="pricing">
|
||
<PricingCardFive
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
plans={[
|
||
{
|
||
id: "p-starter",
|
||
tag: "Weekly",
|
||
tagIcon: Coffee,
|
||
price: "$25",
|
||
period: "/month",
|
||
description: "Perfect for casual coffee lovers. Receive a fresh bag of our curated beans every week.",
|
||
button: {
|
||
text: "Subscribe Now",
|
||
href: "#",
|
||
},
|
||
featuresTitle: "Includes:",
|
||
features: [
|
||
"One 12oz bag of house blend per week",
|
||
"Free local delivery",
|
||
"Access to brewing guides",
|
||
"10% off in-store purchases",
|
||
],
|
||
},
|
||
{
|
||
id: "p-pro",
|
||
tag: "Bi-Weekly",
|
||
tagIcon: Bean,
|
||
price: "$45",
|
||
period: "/month",
|
||
description: "For the true connoisseur. Discover unique single-origin beans and exclusive roasts every two weeks.",
|
||
button: {
|
||
text: "Get Started",
|
||
href: "#",
|
||
},
|
||
featuresTitle: "Includes:",
|
||
features: [
|
||
"Two 12oz bags of specialty beans per month",
|
||
"Free local delivery",
|
||
"Exclusive early access to new roasts",
|
||
"15% off in-store purchases",
|
||
"Complimentary tasting sessions",
|
||
],
|
||
},
|
||
{
|
||
id: "p-premium",
|
||
tag: "Monthly",
|
||
tagIcon: Award,
|
||
price: "$70",
|
||
period: "/month",
|
||
description: "The ultimate coffee experience. Hand-picked rare and exotic beans delivered monthly.",
|
||
button: {
|
||
text: "Choose Plan",
|
||
href: "#",
|
||
},
|
||
featuresTitle: "Includes:",
|
||
features: [
|
||
"Three 12oz bags of rare beans per month",
|
||
"Priority free delivery",
|
||
"Personalized coffee recommendations",
|
||
"20% off all in-store purchases",
|
||
"Monthly virtual masterclass",
|
||
],
|
||
},
|
||
]}
|
||
title="Numidia Coffee Subscriptions"
|
||
description="Never run out of your favorite coffee. Choose a subscription plan tailored to your preferences and enjoy fresh beans delivered to your door."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardFifteen
|
||
useInvertedBackground={false}
|
||
testimonial="“Numidia Coffee is my daily dose of happiness. The quality is unmatched, and the baristas always greet you with a warm smile. It’s more than just a coffee shop; it’s a community hub!”"
|
||
rating={5}
|
||
author="Aisha R."
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/pretty-young-woman-enjoying-coffee-cup_23-2148756346.jpg",
|
||
alt: "Aisha R.",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/happy-man-sitting-porch_23-2148653433.jpg",
|
||
alt: "Omar S.",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/cheerful-asian-female-entrepreneur-sitting-table-cafe_1262-17235.jpg",
|
||
alt: "Fatima K.",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-drinking-coffee-freshly-made-cappuccino-smiling-pleased-enjoying_1258-193479.jpg",
|
||
alt: "Tariq A.",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/crazy-hippie-man-happy-expression_1194-3937.jpg",
|
||
alt: "Zahra H.",
|
||
},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104611.jpg",
|
||
alt: "Karim M.",
|
||
},
|
||
]}
|
||
ratingAnimation="slide-up"
|
||
avatarsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="social-proof" data-section="social-proof">
|
||
<SocialProofOne
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
names={[
|
||
"Local Arts Council",
|
||
"Community Food Bank",
|
||
"Downtown Business Assoc.",
|
||
"Green Coffee Alliance",
|
||
"Daily News Review",
|
||
"Local Brew Magazine",
|
||
"City Cycling Club",
|
||
]}
|
||
title="Proud Community Partners"
|
||
description="We are dedicated to supporting our local community and collaborating with organizations that share our values."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqSplitMedia
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "faq-1",
|
||
title: "What are your operating hours?",
|
||
content: "We are open Monday to Friday from 7 AM to 6 PM, and on weekends from 8 AM to 5 PM.",
|
||
},
|
||
{
|
||
id: "faq-2",
|
||
title: "Do you offer catering services?",
|
||
content: "Yes, we offer catering for events of all sizes. Please contact us for a customized quote and menu options.",
|
||
},
|
||
{
|
||
id: "faq-3",
|
||
title: "Do you have a loyalty program?",
|
||
content: "Absolutely! Join our loyalty program to earn points with every purchase and redeem them for free drinks and pastries. Ask our baristas for details!",
|
||
},
|
||
{
|
||
id: "faq-4",
|
||
title: "What dietary options do you have?",
|
||
content: "We offer a variety of milk alternatives (oat, almond, soy) and gluten-free pastries. Please ask our staff about other dietary accommodations.",
|
||
},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-with-diary-book_23-2150522458.jpg"
|
||
imageAlt="Person drinking coffee and reading a book in a cozy cafe"
|
||
mediaAnimation="slide-up"
|
||
mediaPosition="right"
|
||
title="Frequently Asked Questions"
|
||
description="Find quick answers to common questions about our coffee shop, services, and offerings."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactText
|
||
useInvertedBackground={true}
|
||
background={{
|
||
variant: "downward-rays-static",
|
||
}}
|
||
text="Ready to savor the perfect cup? Visit us or reach out with any questions. We’re excited to connect with you!"
|
||
buttons={[
|
||
{
|
||
text: "Get Directions",
|
||
href: "https://maps.app.goo.gl/example",
|
||
},
|
||
{
|
||
text: "Send an Email",
|
||
href: "mailto:info@numidiacoffee.com",
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseReveal
|
||
logoText="Numidia Coffee"
|
||
columns={[
|
||
{
|
||
title: "Discover",
|
||
items: [
|
||
{
|
||
label: "Our Story",
|
||
href: "#about",
|
||
},
|
||
{
|
||
label: "Menu",
|
||
href: "#menu",
|
||
},
|
||
{
|
||
label: "Subscriptions",
|
||
href: "#pricing",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Support",
|
||
items: [
|
||
{
|
||
label: "FAQ",
|
||
href: "#faq",
|
||
},
|
||
{
|
||
label: "Contact Us",
|
||
href: "#contact",
|
||
},
|
||
{
|
||
label: "Privacy Policy",
|
||
href: "#",
|
||
},
|
||
],
|
||
},
|
||
{
|
||
title: "Connect",
|
||
items: [
|
||
{
|
||
label: "Instagram",
|
||
href: "https://instagram.com/numidiacoffee",
|
||
},
|
||
{
|
||
label: "Facebook",
|
||
href: "https://facebook.com/numidiacoffee",
|
||
},
|
||
{
|
||
label: "Twitter",
|
||
href: "https://twitter.com/numidiacoffee",
|
||
},
|
||
],
|
||
},
|
||
]}
|
||
copyrightText="© 2024 Numidia Coffee. All rights reserved."
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|