300 lines
9.0 KiB
TypeScript
300 lines
9.0 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="aurora"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Menu",
|
|
id: "menu",
|
|
},
|
|
{
|
|
name: "Reviews",
|
|
id: "testimonials",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="Java Cafe"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
title="Authentic American Cafe"
|
|
description="Experience the classic taste of American-style breakfasts, specialty coffee, and handmade comfort food in our cozy neighborhood home."
|
|
buttons={[
|
|
{
|
|
text: "View Our Menu",
|
|
href: "#menu",
|
|
},
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg?_wi=1",
|
|
imageAlt: "Cafe Atmosphere",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg?_wi=2",
|
|
imageAlt: "Cafe Atmosphere",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg?_wi=3",
|
|
imageAlt: "Cafe Atmosphere",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg?_wi=4",
|
|
imageAlt: "Cafe Atmosphere",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg?_wi=5",
|
|
imageAlt: "Cafe Atmosphere",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-young-woman-sitting_171337-17101.jpg?_wi=6",
|
|
imageAlt: "Cafe Atmosphere",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={false}
|
|
title="A Legacy of Comfort Food"
|
|
buttons={[
|
|
{
|
|
text: "Learn Our Story",
|
|
href: "#",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1",
|
|
name: "Classic Pancakes",
|
|
price: "$12.99",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/stack-homemade-pancakes-with-honey-syrup-berries_114579-10303.jpg",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Signature Latte",
|
|
price: "$5.50",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-background_23-2147776809.jpg",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Cheeseburger Deluxe",
|
|
price: "$15.99",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-hot-dogs-chips-plate_23-2148679033.jpg",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Homemade Apple Pie",
|
|
price: "$8.99",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-creamy-cake-with-choco-biscuits-cup-tea-light-dark-background_140725-80163.jpg",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Vanilla Milkshake",
|
|
price: "$7.99",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-woman-holding-sweet-strawberry-milk-shake-pin-up-retro-style-pastel-colors-vintage-american-cafe_291049-354.jpg",
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Club Sandwich",
|
|
price: "$13.99",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/set-sandwich-french-fries-fast-food-white-textured-background-side-view_176474-3836.jpg",
|
|
},
|
|
]}
|
|
title="Diner Favorites"
|
|
description="Our kitchen brings the best of American traditions to your table, freshly made every single day."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Alice Johnson",
|
|
handle: "@alice",
|
|
testimonial: "Best pancakes in town!",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-is-posing-cafe_344912-2008.jpg",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Bob Smith",
|
|
handle: "@bob",
|
|
testimonial: "Great coffee and fast service.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/boy-eating-restaurant_23-2148172465.jpg",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Charlie Davis",
|
|
handle: "@charlie",
|
|
testimonial: "The atmosphere is so cozy.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/three-elegant-women-with-shopping-bags-city_1157-38849.jpg",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Diana Prince",
|
|
handle: "@diana",
|
|
testimonial: "Friendly staff, perfect lunch spot.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Edward Norton",
|
|
handle: "@eddie",
|
|
testimonial: "Classic American comfort food.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-hot-chocolate-cafe_23-2149944014.jpg",
|
|
},
|
|
]}
|
|
showRating={true}
|
|
title="Loved By Our Neighbors"
|
|
description="See why locals make us their first stop every morning."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "Do you serve breakfast all day?",
|
|
content: "Yes, we serve our breakfast menu all day long.",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Are you pet friendly?",
|
|
content: "We have an outdoor seating area that is dog-friendly.",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Do you offer catering?",
|
|
content: "Absolutely! Reach out to us for your next event.",
|
|
},
|
|
]}
|
|
title="Common Questions"
|
|
description="Find everything you need to know about our cafe."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
tag="Visit Us"
|
|
title="Drop By Anytime"
|
|
description="We are located at 123 Main St. Stop in for a fresh cup of coffee and a hot meal today."
|
|
buttons={[
|
|
{
|
|
text: "Get Directions",
|
|
href: "#",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Navigation",
|
|
items: [
|
|
{
|
|
label: "Home",
|
|
href: "#hero",
|
|
},
|
|
{
|
|
label: "Menu",
|
|
href: "#menu",
|
|
},
|
|
{
|
|
label: "Contact",
|
|
href: "#contact",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{
|
|
label: "Privacy Policy",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Terms of Service",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Java Cafe"
|
|
copyrightText="© 2025 Java Cafe"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|