131 lines
6.9 KiB
TypeScript
131 lines
6.9 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Menu", id: "/menu" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Order", id: "/order" },
|
|
{ name: "Visit", id: "/visit" },
|
|
]}
|
|
brandName="Teddy's Cafe"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
background={{ variant: "radial-gradient" }}
|
|
logoText="Teddy's Cafe"
|
|
description="Smokey Teriyaki. Gourmet Burgers. Fresh Sushi. Authentic flavors right in the heart of Anaheim."
|
|
buttons={[
|
|
{ text: "Order on Uber Eats", href: "https://www.ubereats.com/store/teddys-cafe-teriyaki-burger-sushi/t6VQ3CS8VoufS1PqmE6Bzg" }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/rice-vegetables-bowl-with-copy-space_23-2148259245.jpg"
|
|
imageAlt="Teddy's Cafe delicious fusion food"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu-showcase" data-section="menu-showcase">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "1", brand: "Star Dish", name: "Kyle's Burger", price: "$12.99", rating: 5, reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/close-up-burger-ingredients-cutting-board_23-2148235085.jpg" },
|
|
{ id: "2", brand: "Signature", name: "Chicken Teriyaki Bowl", price: "$9.99", rating: 5, reviewCount: "150+", imageSrc: "http://img.b2bpic.net/free-photo/burger-served-with-french-fries-sauces-plate-rustic-table_114579-1463.jpg" },
|
|
{ id: "3", brand: "Crowd Pleaser", name: "Ninza Fries", price: "$10.99", rating: 4, reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/tasty-french-fries-dark-background_1150-45305.jpg" }
|
|
]}
|
|
title="Popular Favorites"
|
|
description="Taste the best of our Japanese-American fusion kitchen."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "1", name: "Martin W.", handle: "@martinw", testimonial: "Amazing delivery driver!!", imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-side-view_23-2149872410.jpg" },
|
|
{ id: "2", name: "bussibee", handle: "@bussibee", testimonial: "Fresh food, great burgers!", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5048.jpg" },
|
|
{ id: "3", name: "Sarah J.", handle: "@sarahj", testimonial: "The teriyaki sauce is the best in Anaheim.", imageSrc: "http://img.b2bpic.net/free-photo/people_273609-1727.jpg" },
|
|
{ id: "4", name: "Mike R.", handle: "@miker", testimonial: "So many options, and everything is delicious.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-joyful-african-student-woman-with-dark-wavy-hair-green-cardigan-sitting-cafe-drinking-cup-coffee-smiling-camera-woman-waiting-her-boyfriend-after-university_176420-12329.jpg" },
|
|
{ id: "5", name: "Jenny L.", handle: "@jennyl", testimonial: "My go-to spot for family dinner.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-doing-ok-sign-showing-thumb-up-laptop-isolated-white_141793-84103.jpg" }
|
|
]}
|
|
title="Loved by Neighbors"
|
|
description="See why our customers keep coming back."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Cafe Packages"
|
|
description="Perfect for families or groups."
|
|
plans={[
|
|
{ id: "p1", badge: "Starter", price: "$25", subtitle: "Perfect for individuals", buttons: [{ text: "Select Plan", href: "/order" }], features: ["1 Entree", "1 Drink", "Side dish"] },
|
|
{ id: "p2", badge: "Family", price: "$85", subtitle: "Best for groups", buttons: [{ text: "Select Plan", href: "/order" }], features: ["4 Entrees", "4 Drinks", "Large shared fries", "Dessert"] }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metric" data-section="metric">
|
|
<MetricCardFourteen
|
|
useInvertedBackground={false}
|
|
title="Our Impact"
|
|
tag="Trusted in Anaheim"
|
|
metrics={[
|
|
{ id: "m1", value: "10k+", description: "Happy Guests" },
|
|
{ id: "m2", value: "5+", description: "Years of Fusion" },
|
|
{ id: "m3", value: "20+", description: "Menu Favorites" }
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/colorful-poke-bowl-with-salmon-avocado-seaweed-served-bed-rice_9975-124822.jpg"
|
|
logoText="Teddy's Cafe"
|
|
columns={[
|
|
{ title: "Menu", items: [{ label: "Appetizers", href: "/menu" }, { label: "Burgers", href: "/menu" }, { label: "Sushi", href: "/menu" }] },
|
|
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Visit Us", href: "/visit" }] },
|
|
{ title: "Support", items: [{ label: "Order Online", href: "/order" }, { label: "Contact", href: "/visit" }] }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|