Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
@@ -7,138 +7,70 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
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="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="about-details" data-section="about-details">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Welcome to Teddy's Cafe",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/asian-style-lunch-with-noodles-with-chicken-teriyaki-sauce-vegetables-spices-microgreens_166373-741.jpg",
|
||||
alt: "Teddy's Cafe Interior",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "/visit",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about-details" data-section="about-details">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "Welcome to Teddy's Cafe" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/asian-style-lunch-with-noodles-with-chicken-teriyaki-sauce-vegetables-spices-microgreens_166373-741.jpg", alt: "Teddy's Cafe Interior" }
|
||||
]}
|
||||
buttons={[{ text: "Visit Us", href: "/visit" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Story"
|
||||
description="From small kitchen to community favorite."
|
||||
features={[
|
||||
{
|
||||
title: "Our Heritage",
|
||||
description: "Passion for fusion.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-eating-restaurant_23-2150491778.jpg",
|
||||
},
|
||||
{
|
||||
title: "Local Focus",
|
||||
description: "Supporting Anaheim.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-enjoying-dinner-party_52683-132626.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Story"
|
||||
description="From small kitchen to community favorite."
|
||||
features={[
|
||||
{ title: "Our Heritage", description: "Passion for fusion.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-eating-restaurant_23-2150491778.jpg" },
|
||||
{ title: "Local Focus", description: "Supporting Anaheim.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-enjoying-dinner-party_52683-132626.jpg" }
|
||||
]}
|
||||
/>
|
||||
</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?_wi=3"
|
||||
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>
|
||||
<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>
|
||||
);
|
||||
|
||||
@@ -7,140 +7,75 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function MenuPage() {
|
||||
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="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="product" data-section="product">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Full Menu"
|
||||
description="Explore all our fusion options."
|
||||
products={[
|
||||
{
|
||||
id: "pr1",
|
||||
name: "Classic Teriyaki",
|
||||
price: "$10.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-with-vegetables-sesame-sauce_140725-424.jpg",
|
||||
},
|
||||
{
|
||||
id: "pr2",
|
||||
name: "Gourmet Cheeseburger",
|
||||
price: "$11.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/juicy-cheeseburger-with-salad-wooden-board_140725-7362.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Full Menu"
|
||||
description="Explore all our fusion options."
|
||||
products={[
|
||||
{ id: "pr1", name: "Classic Teriyaki", price: "$10.50", imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-with-vegetables-sesame-sauce_140725-424.jpg" },
|
||||
{ id: "pr2", name: "Gourmet Cheeseburger", price: "$11.99", imageSrc: "http://img.b2bpic.net/free-photo/juicy-cheeseburger-with-salad-wooden-board_140725-7362.jpg" },
|
||||
{ id: "pr3", name: "Special Roll", price: "$12.50", imageSrc: "http://img.b2bpic.net/free-photo/hawaiian-salmon-fish-poke-bowl-with-rice-radish-cucumber-tomato-sesame-seeds-seaweeds-buddha-bowl-diet-food-top-view-flat-lay_2829-19722.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Fresh Ingredients"
|
||||
description="We source the best local produce daily."
|
||||
features={[
|
||||
{
|
||||
title: "Fresh Produce",
|
||||
description: "Local farms only.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegan-rice-paper-rolls-with-vegetables-sesam-served-plate-ready-eat_1220-7023.jpg",
|
||||
},
|
||||
{
|
||||
title: "Quality Protein",
|
||||
description: "Hand-cut meats.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-style-lunch-with-noodles-with-chicken-teriyaki-sauce-vegetables-spices-microgreens_166373-738.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Fresh Ingredients"
|
||||
description="We source the best local produce daily."
|
||||
features={[
|
||||
{ title: "Fresh Produce", description: "Local farms only.", imageSrc: "http://img.b2bpic.net/free-photo/vegan-rice-paper-rolls-with-vegetables-sesam-served-plate-ready-eat_1220-7023.jpg" },
|
||||
{ title: "Quality Protein", description: "Hand-cut meats.", imageSrc: "http://img.b2bpic.net/free-photo/asian-style-lunch-with-noodles-with-chicken-teriyaki-sauce-vegetables-spices-microgreens_166373-738.jpg" }
|
||||
]}
|
||||
/>
|
||||
</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?_wi=2"
|
||||
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>
|
||||
<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>
|
||||
);
|
||||
|
||||
@@ -7,139 +7,74 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function OrderPage() {
|
||||
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="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="product" data-section="product">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Ready to Order?"
|
||||
description="Order online for quick pickup."
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Teriyaki Bowl",
|
||||
price: "$9.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/purple-rice-berries-with-beans-carrot-mint-leaves-bowl_1150-19876.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Poke Bowl",
|
||||
price: "$13.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-hawaiian-poke-bowl_23-2148873887.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Ready to Order?"
|
||||
description="Order online for quick pickup."
|
||||
products={[
|
||||
{ id: "p1", name: "Teriyaki Bowl", price: "$9.99", imageSrc: "http://img.b2bpic.net/free-photo/purple-rice-berries-with-beans-carrot-mint-leaves-bowl_1150-19876.jpg" },
|
||||
{ id: "p2", name: "Poke Bowl", price: "$13.99", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-hawaiian-poke-bowl_23-2148873887.jpg" },
|
||||
{ id: "p3", name: "Special Bowl", price: "$14.99", imageSrc: "http://img.b2bpic.net/free-photo/rice-bowl-with-vegetables-sauce_23-2148259247.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Ordering Stats"
|
||||
tag="Quick Service"
|
||||
metrics={[
|
||||
{
|
||||
id: "stat1",
|
||||
value: "15m",
|
||||
description: "Average Wait",
|
||||
},
|
||||
{
|
||||
id: "stat2",
|
||||
value: "98%",
|
||||
description: "Accuracy Rate",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Ordering Stats"
|
||||
tag="Quick Service"
|
||||
metrics={[
|
||||
{ id: "stat1", value: "15m", description: "Average Wait" },
|
||||
{ id: "stat2", value: "98%", description: "Accuracy Rate" }
|
||||
]}
|
||||
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?_wi=4"
|
||||
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>
|
||||
<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>
|
||||
);
|
||||
|
||||
352
src/app/page.tsx
352
src/app/page.tsx
@@ -16,266 +16,114 @@ export default function LandingPage() {
|
||||
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="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="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="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="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="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="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?_wi=1"
|
||||
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>
|
||||
<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>
|
||||
);
|
||||
|
||||
@@ -7,138 +7,72 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function VisitPage() {
|
||||
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="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="visit-details" data-section="visit-details">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Address",
|
||||
content: "2401 W Lincoln Ave, Ste C, Anaheim, CA 92801",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Phone",
|
||||
content: "(714) 484-8811",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Hours",
|
||||
content: "Mon-Thu 11AM-9PM, Fri 6AM-11PM, Sat 11AM-9PM, Sun 10AM-9PM",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
title="Visit Us"
|
||||
description="Find us at 2401 W Lincoln Ave, Anaheim, CA 92801."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/delicious-food-table_23-2151902492.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="visit-details" data-section="visit-details">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "1", title: "Address", content: "2401 W Lincoln Ave, Ste C, Anaheim, CA 92801" },
|
||||
{ id: "2", title: "Phone", content: "(714) 484-8811" },
|
||||
{ id: "3", title: "Hours", content: "Mon-Thu 11AM-9PM, Fri 6AM-11PM, Sat 11AM-9PM, Sun 10AM-9PM" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
title="Visit Us"
|
||||
description="Find us at 2401 W Lincoln Ave, Anaheim, CA 92801."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/delicious-food-table_23-2151902492.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Join Our Community"
|
||||
description="Find us across social platforms."
|
||||
names={[
|
||||
"Instagram",
|
||||
"Yelp",
|
||||
"Facebook",
|
||||
"Twitter",
|
||||
"TikTok",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Join Our Community"
|
||||
description="Find us across social platforms."
|
||||
names={["Instagram", "Yelp", "Facebook", "Twitter", "TikTok"]}
|
||||
/>
|
||||
</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?_wi=5"
|
||||
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>
|
||||
<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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user