207 lines
10 KiB
TypeScript
207 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="circleGradient"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "Menu", id: "menu"},
|
|
{
|
|
name: "Order", id: "contact"},
|
|
{
|
|
name: "Reviews", id: "testimonials"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="Cafe Willow"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlay
|
|
title="Your Go-To Coffee & Quick Bites on Wilshire"
|
|
description="Fresh coffee, breakfast sandwiches, spam musubi, and milk tea—ready fast. Loved by locals for affordable quality and cozy convenience."
|
|
buttons={[
|
|
{
|
|
text: "Call Now", href: "tel:+1234567890"},
|
|
{
|
|
text: "Order Pickup", href: "#contact"},
|
|
{
|
|
text: "Get Directions", href: "https://maps.app.goo.gl/YourCafeLocation"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/minimalist-still-life-asian-tea_23-2149709067.jpg"
|
|
imageAlt="Fresh coffee and delicious food at Cafe Willow"
|
|
textPosition="bottom-left"
|
|
showBlur={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Blazingly Fast Service", description: "In a rush? Our efficient team ensures your order is prepared quickly, so you can grab and go without delay.", imageSrc: "http://img.b2bpic.net/free-vector/gradient-last-chance-labels-collection_52683-86922.jpg", imageAlt: "Fast service icon"},
|
|
{
|
|
id: 2,
|
|
title: "Unbeatable Value", description: "Enjoy high-quality coffee and delicious food at prices that won't break your bank. Perfect for students and professionals.", imageSrc: "http://img.b2bpic.net/free-vector/cashback-labels-collection_23-2148458573.jpg", imageAlt: "Affordable pricing icon"},
|
|
{
|
|
id: 3,
|
|
title: "Unique Menu Items", description: "From classic coffee to unique Spam Musubi and refreshing Boba, discover flavors you won't find anywhere else.", imageSrc: "http://img.b2bpic.net/free-vector/flat-father-s-day-badge-collection_23-2148160024.jpg", imageAlt: "Unique menu icon"},
|
|
]}
|
|
title="Why Choose Cafe Willow?"
|
|
description="Experience the perfect blend of speed, value, and unique flavors, right on Wilshire Blvd."
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardOne
|
|
animationType="opacity"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "prod1", name: "Classic Latte", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/hot-latte-coffee-cup-table_1203-9896.jpg", imageAlt: "Classic Latte"},
|
|
{
|
|
id: "prod2", name: "Breakfast Sandwich", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/croissant-filled-with-meat-vegetables_141793-1158.jpg", imageAlt: "Gourmet Breakfast Sandwich"},
|
|
{
|
|
id: "prod3", name: "Spam Musubi", price: "$3.75", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-delicious-asian-food_23-2149035114.jpg", imageAlt: "Authentic Spam Musubi"},
|
|
{
|
|
id: "prod4", name: "Boba Milk Tea", price: "$5.25", imageSrc: "http://img.b2bpic.net/free-photo/green-background-green-tea-bokeh-trees_1150-14770.jpg", imageAlt: "Refreshing Boba Milk Tea"},
|
|
]}
|
|
title="Our Delicious Menu"
|
|
description="Explore our curated selection of coffee, quick bites, and unique drinks loved by the Wilshire community."
|
|
buttons={[
|
|
{
|
|
text: "Order Now", href: "#contact"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
title="Your Neighborhood Cafe on Wilshire"
|
|
description="Cafe Willow is more than just a coffee shop; it's a community hub for busy professionals, students, and local residents. We pride ourselves on fast service, quality ingredients, and a welcoming atmosphere, making us the perfect spot for your morning boost or a quick lunch."
|
|
bulletPoints={[
|
|
{
|
|
title: "Speed & Convenience", description: "Perfect for professionals and students, get your order quickly without compromising on quality."},
|
|
{
|
|
title: "Quality & Taste", description: "Enjoy fresh coffee, delicious breakfast, and unique treats made with care."},
|
|
{
|
|
title: "Community Hub", description: "A cozy, welcoming spot on Wilshire Blvd where everyone feels at home."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/furniture-cofeee-shop_116348-48.jpg"
|
|
imageAlt="Cozy interior of Cafe Willow"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah J.", role: "Marketing Professional", testimonial: "Cafe Willow is my daily go-to for coffee and a quick bite. The breakfast sandwiches are fantastic, and the service is always super fast—perfect for my busy mornings!", imageSrc: "http://img.b2bpic.net/free-photo/man-having-his-arm-crossed-sitting-stool_23-2148306623.jpg", imageAlt: "Sarah J."},
|
|
{
|
|
id: "2", name: "Michael C.", role: "UCLA Student", testimonial: "The Spam Musubi here is a game-changer, and their Boba selection is awesome. Great value for a student budget and a cool spot to hang out.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3540.jpg", imageAlt: "Michael C."},
|
|
{
|
|
id: "3", name: "Emily R.", role: "Local Resident", testimonial: "Walked in on a whim and instantly fell in love with this place. The staff are so friendly, and the coffee is consistently excellent. A true neighborhood gem!", imageSrc: "http://img.b2bpic.net/free-photo/pretty-stylish-young-woman-posing-denim-style-outfit-white_285396-4380.jpg", imageAlt: "Emily R."},
|
|
{
|
|
id: "4", name: "David K.", role: "Business Owner", testimonial: "Reliable, affordable, and delicious. Cafe Willow checks all the boxes for a quick and satisfying lunch on Wilshire. The quality never disappoints.", imageSrc: "http://img.b2bpic.net/free-photo/high-view-student-looking-camera_23-2148288608.jpg", imageAlt: "David K."},
|
|
{
|
|
id: "5",name: "Jessica L.", role: "Student", testimonial: "I love the cozy atmosphere and the unique drink options like their specialty milk teas. It's my favorite study spot and a great place to meet friends!", imageSrc: "http://img.b2bpic.net/free-photo/hipster-couple-talking-cafe_329181-2075.jpg", imageAlt: "Jessica L."},
|
|
]}
|
|
title="What Our Customers Say"
|
|
description="Don't just take our word for it—hear from the locals who love Cafe Willow!"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
tag="Connect"
|
|
title="Visit Us or Order Now!"
|
|
description="Whether you're calling ahead for pickup, placing an online order, or just stopping by, we're ready to serve you the best coffee and quick bites on Wilshire Blvd."
|
|
buttons={[
|
|
{
|
|
text: "Call Us", href: "tel:+1234567890"},
|
|
{
|
|
text: "Order Online", href: "#"},
|
|
{
|
|
text: "Get Directions", href: "https://maps.app.goo.gl/YourCafeLocation"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Cafe Willow"
|
|
columns={[
|
|
{
|
|
title: "Quick Links", items: [
|
|
{
|
|
label: "Home", href: "#hero"},
|
|
{
|
|
label: "Menu", href: "#menu"},
|
|
{
|
|
label: "Reviews", href: "#testimonials"},
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Hours", items: [
|
|
{
|
|
label: "Mon-Fri: 7 AM - 6 PM", href: "#"},
|
|
{
|
|
label: "Sat-Sun: 8 AM - 4 PM", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Cafe Willow. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |