Merge version_3 into main #6
@@ -2,13 +2,12 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import { History, Leaf, Smile } from "lucide-react";
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import { Utensils } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
@@ -23,122 +22,45 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Order Online",
|
||||
id: "/order",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
button={{
|
||||
text: "Order Now",
|
||||
href: "/order",
|
||||
}}
|
||||
brandName="The Kitchen on Main"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Order Online", id: "/order" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
button={{ text: "Order Now", href: "/order" }}
|
||||
brandName="The Kitchen on Main"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-story" data-section="about-story">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Welcome to The Kitchen on Main"
|
||||
metrics={[
|
||||
{
|
||||
label: "Community Heritage",
|
||||
value: "10+ Years",
|
||||
icon: History,
|
||||
},
|
||||
{
|
||||
label: "Local Ingredients",
|
||||
value: "Farm Fresh",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
label: "Happy Neighbors",
|
||||
value: "5000+",
|
||||
icon: Smile,
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about-hero" data-section="about-hero">
|
||||
<TestimonialAboutCard
|
||||
tag="Our Story"
|
||||
tagIcon={Utensils}
|
||||
title="Heart of Fortville Comfort"
|
||||
description="Founded with a simple mission: bring genuine, elevated comfort food to our community. We believe in high-quality ingredients, locally sourced whenever possible, to create dishes that feel like home."
|
||||
subdescription="From our kitchen to your table, every burger is grilled to order and every salad is prepared fresh daily. We are proud to be a gathering spot for families, friends, and anyone looking for a delicious meal on Main Street."
|
||||
icon={Utensils}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chef-preparing-food-restaurant_23-2148154867.jpg?_wi=1"
|
||||
imageAlt="Chef preparing gourmet meal"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Story"
|
||||
description={[
|
||||
"Started as a small local cafe, we have grown into a cornerstone of Fortville dining.",
|
||||
"Focusing on local, farm-to-table ingredients to bring you the best flavor.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Order Online",
|
||||
href: "/order",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Fortville, IN",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Open Daily",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="The Kitchen on Main"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/menu" }, { label: "About", href: "/about" }] },
|
||||
{ items: [{ label: "Order Online", href: "/order" }, { label: "Contact", href: "/contact" }] },
|
||||
{ items: [{ label: "Fortville, IN", href: "#" }, { label: "Open Daily", href: "#" }] },
|
||||
]}
|
||||
logoText="The Kitchen on Main"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -2,10 +2,9 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||
|
||||
export default function MenuPage() {
|
||||
return (
|
||||
@@ -29,44 +28,59 @@ export default function MenuPage() {
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Order Online", id: "/order" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
button={{ text: "Order Now", href: "/order" }}
|
||||
brandName="The Kitchen on Main"
|
||||
/>
|
||||
</div>
|
||||
<div id="menu-all" data-section="menu-all">
|
||||
<ProductCatalog
|
||||
layout="page"
|
||||
products={[
|
||||
{ id: "m1", name: "Cheeseburger Fries", price: "$13.99", category: "Appetizers", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-sweet-potato_23-2148619072.jpg", rating: 5 },
|
||||
{ id: "m2", name: "Boneless Wings", price: "$9.99", category: "Appetizers", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-sweet-potato_23-2148619072.jpg", rating: 5 },
|
||||
{ id: "m3", name: "Caesar Salad", price: "$10.49", category: "Salads", imageSrc: "http://img.b2bpic.net/free-photo/tasty-salad-plate_23-2147761589.jpg", rating: 5 },
|
||||
{ id: "m4", name: "Deli Turkey & Cheese", price: "$11.99", category: "Sandwiches", imageSrc: "http://img.b2bpic.net/free-photo/burger-with-ham-tomatoes-cabbage_140725-2354.jpg", rating: 5 },
|
||||
{ id: "m5", name: "BBB BBQ Bacon Bleu", price: "$15.99", category: "Burgers", imageSrc: "http://img.b2bpic.net/free-photo/burger-with-ham-tomatoes-cabbage_140725-2354.jpg", rating: 5 },
|
||||
{ id: "m6", name: "Grilled Cheese", price: "$6.99", category: "Kids", imageSrc: "http://img.b2bpic.net/free-photo/burger-with-ham-tomatoes-cabbage_140725-2354.jpg", rating: 5 }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<FeatureCardTwelve
|
||||
title="Our Menu"
|
||||
description="Explore our range of handcrafted comfort food."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Menu FAQs"
|
||||
description="Dietary and menu questions."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "q1", title: "Allergens?", content: "Please alert your server to any allergies." },
|
||||
{ id: "q2", title: "Daily Specials?", content: "Check our board for daily Chef's specials." }
|
||||
features={[
|
||||
{
|
||||
id: "burgers", label: "The Grill", title: "Burgers & Sandwiches", items: ["Classic Cheeseburger", "Bacon Bleu Burger", "Nashville Hot Chicken", "Club Sandwich", "Veggie Melt"]
|
||||
},
|
||||
{
|
||||
id: "desserts", label: "Sweet Treats", title: "Desserts", items: ["House-made Brownie", "Seasonal Cheesecake", "Soft-serve Sundae", "Milkshakes"]
|
||||
},
|
||||
{
|
||||
id: "sides", label: "Sides", title: "Sides & Starters", items: ["Cheese Fries", "Mozzarella Sticks", "House Salad", "Sweet Potato Tots"]
|
||||
},
|
||||
{
|
||||
id: "kids", label: "Little Ones", title: "Kids Menu", items: ["Mini Burger", "Chicken Tenders", "Grilled Cheese"]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/menu" }, { label: "About", href: "/about" }] },
|
||||
{ items: [{ label: "Order Online", href: "/order" }, { label: "Contact", href: "/contact" }] },
|
||||
{ items: [{ label: "Fortville, IN", href: "#" }, { label: "Open Daily", href: "#" }] }
|
||||
{
|
||||
items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Menu", href: "/menu" },
|
||||
{ label: "About", href: "/about" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Order Online", href: "/order" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Fortville, IN", href: "#" },
|
||||
{ label: "Open Daily", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="The Kitchen on Main"
|
||||
/>
|
||||
@@ -74,4 +88,4 @@ export default function MenuPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user