Merge version_1 into main #1
@@ -7,127 +7,70 @@ import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Visit",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Alice’s Restaurant"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Visit", id: "/contact" },
|
||||
]}
|
||||
brandName="Alice’s Restaurant"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-story" data-section="about-story">
|
||||
<SplitAbout
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Story"
|
||||
description="Alice’s Restaurant is a family-run diner with a simple goal: to serve wholesome, homemade meals that make you feel right at home. We’ve been a beloved spot for locals for years."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Local Roots",
|
||||
description: "Located in the heart of Crawfordsville.",
|
||||
},
|
||||
{
|
||||
title: "Family Friendly",
|
||||
description: "A welcoming space for everyone.",
|
||||
},
|
||||
{
|
||||
title: "Quality First",
|
||||
description: "Simple ingredients, hearty portions.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-parents-their-kids-using-wireless-technology-home_637285-12681.jpg"
|
||||
imageAlt="restaurant owner smiling friendly"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about-story" data-section="about-story">
|
||||
<SplitAbout
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Story"
|
||||
description="Alice’s Restaurant is a family-run diner with a simple goal."
|
||||
mediaAnimation="slide-up"
|
||||
bulletPoints={[
|
||||
{ title: "Local Roots", description: "Located in the heart of Crawfordsville." },
|
||||
{ title: "Family Friendly", description: "A welcoming space for everyone." },
|
||||
{ title: "Quality First", description: "Simple ingredients, hearty portions." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about us."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/family-spending-time-together-while-out-city_23-2150895925.jpg"
|
||||
imageAlt="Family spending time together"
|
||||
mediaAnimation="opacity"
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Are you pet friendly?",
|
||||
content: "Yes, our outdoor seating area welcomes dogs.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer catering?",
|
||||
content: "Absolutely, contact us for large group orders.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about us."
|
||||
faqs={[
|
||||
{ id: "f1", title: "Are you pet friendly?", content: "Yes, our outdoor seating area welcomes dogs." },
|
||||
{ id: "f2", title: "Do you offer catering?", content: "Absolutely, contact us for large group orders." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Visit",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://www.facebook.com/profile.php?id=100063723903618",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Alice’s Restaurant"
|
||||
copyrightText="© 2024 Alice’s Restaurant"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Alice’s Restaurant"
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/menu" }, { label: "About", href: "/about" }, { label: "Visit", href: "/contact" }] },
|
||||
{ title: "Social", items: [{ label: "Facebook", href: "https://www.facebook.com/profile.php?id=100063723903618" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -7,107 +7,61 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Visit",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Alice’s Restaurant"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Visit", id: "/contact" },
|
||||
]}
|
||||
brandName="Alice’s Restaurant"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-info" data-section="contact-info">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Come Say Hello"
|
||||
description="We are located at 125 W Market St, Crawfordsville, IN 47933."
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Facebook",
|
||||
href: "https://www.facebook.com/profile.php?id=100063723903618",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact-info" data-section="contact-info">
|
||||
<ContactCTA
|
||||
tag="Visit Us"
|
||||
title="Come Say Hello"
|
||||
description="We are located at 125 W Market St, Crawfordsville, IN 47933."
|
||||
buttons={[{ text: "Visit Facebook", href: "https://www.facebook.com/profile.php?id=100063723903618" }]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Newsletter"
|
||||
title="Stay Updated"
|
||||
description="Sign up for our latest daily specials and community events."
|
||||
inputPlaceholder="Enter your email"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Newsletter"
|
||||
title="Stay Updated"
|
||||
description="Sign up for our latest daily specials."
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Visit",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://www.facebook.com/profile.php?id=100063723903618",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Alice’s Restaurant"
|
||||
copyrightText="© 2024 Alice’s Restaurant"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Alice’s Restaurant"
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/menu" }, { label: "About", href: "/about" }, { label: "Visit", href: "/contact" }] },
|
||||
{ title: "Social", items: [{ label: "Facebook", href: "https://www.facebook.com/profile.php?id=100063723903618" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -7,183 +7,71 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function MenuPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Visit",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Alice’s Restaurant"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Visit", id: "/contact" },
|
||||
]}
|
||||
brandName="Alice’s Restaurant"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu-list" data-section="menu-list">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Pancake Stack",
|
||||
price: "$8.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheese-pancake-with-honey_1339-5256.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Farmers' Breakfast",
|
||||
price: "$12.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cottagecore-food-inspiration-still-life_23-2150153034.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Classic Cheeseburger",
|
||||
price: "$10.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sweet-homemade-stack-pancakes-with-syrup-breakfast-blue-desk_23-2148161708.jpg",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
name: "Chicken Tenders",
|
||||
price: "$9.99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stack-homemade-pancakes-with-honey-syrup-berries_114579-20581.jpg",
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
name: "BLT Sandwich",
|
||||
price: "$8.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-two-fried-eggs-with-sausages-beans-bacon-plate_141793-3903.jpg",
|
||||
},
|
||||
{
|
||||
id: "m6",
|
||||
name: "Coffee & Pastry",
|
||||
price: "$5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-yummy-round-pancakes-with-cream-tea-red-strawberries-ligh-desk-fruit-cake_140725-22153.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="Wholesome meals prepared with love."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu-list" data-section="menu-list">
|
||||
<ProductCardOne
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
title="Our Menu"
|
||||
description="Wholesome meals prepared with love."
|
||||
products={[
|
||||
{ id: "m1", name: "Pancake Stack", price: "$8.99", imageSrc: "http://img.b2bpic.net/free-photo/cheese-pancake-with-honey_1339-5256.jpg" },
|
||||
{ id: "m2", name: "Farmers' Breakfast", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/cottagecore-food-inspiration-still-life_23-2150153034.jpg" },
|
||||
{ id: "m3", name: "Classic Cheeseburger", price: "$10.99", imageSrc: "http://img.b2bpic.net/free-photo/sweet-homemade-stack-pancakes-with-syrup-breakfast-blue-desk_23-2148161708.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="What People Say"
|
||||
description="Our customers are our family."
|
||||
kpiItems={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Served",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Local Dishes",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Homemade",
|
||||
},
|
||||
]}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Jane D.",
|
||||
role: "Local",
|
||||
company: "Crawfordsville",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/croissants-flowers-flat-lay_23-2148322212.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bob S.",
|
||||
role: "Visitor",
|
||||
company: "Traveler",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-table-full-food_23-2149261055.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Maria L.",
|
||||
role: "Regular",
|
||||
company: "Crawfordsville",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-table-full-food_23-2149261051.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Tom W.",
|
||||
role: "Customer",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-table-full-food_23-2149261054.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardSixteen
|
||||
title="What People Say"
|
||||
description="Our customers are our family."
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Jane D.", role: "Local", company: "Crawfordsville", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/croissants-flowers-flat-lay_23-2148322212.jpg" },
|
||||
{ id: "t2", name: "Bob S.", role: "Visitor", company: "Traveler", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-table-full-food_23-2149261055.jpg" },
|
||||
{ id: "t3", name: "Maria L.", role: "Regular", company: "Crawfordsville", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/close-up-table-full-food_23-2149261051.jpg" },
|
||||
{ id: "t4", name: "Tom W.", role: "Customer", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-table-full-food_23-2149261054.jpg" },
|
||||
{ id: "t5", name: "Sam A.", role: "Visitor", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-table-full-food_23-2149261054.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Visit",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://www.facebook.com/profile.php?id=100063723903618",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Alice’s Restaurant"
|
||||
copyrightText="© 2024 Alice’s Restaurant"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Alice’s Restaurant"
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/menu" }, { label: "About", href: "/about" }, { label: "Visit", href: "/contact" }] },
|
||||
{ title: "Social", items: [{ label: "Facebook", href: "https://www.facebook.com/profile.php?id=100063723903618" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
212
src/app/page.tsx
212
src/app/page.tsx
@@ -7,8 +7,8 @@ import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwen
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCartItem from '@/components/ecommerce/cart/ProductCartItem';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { ArrowRight } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -16,151 +16,85 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Visit",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Alice’s Restaurant"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Visit", id: "/contact" },
|
||||
]}
|
||||
brandName="Alice’s Restaurant"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Homemade Comfort Since Day One"
|
||||
description="Hearty meals, friendly faces, and local flavor in every bite."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fresh-juicy-homemade-jam-croissant_23-2148525233.jpg"
|
||||
imageAlt="cozy diner interior warm lighting"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Homemade Comfort Since Day One"
|
||||
description="Hearty meals, friendly faces, and local flavor in every bite."
|
||||
buttons={[{ text: "View Our Menu", href: "/menu" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fresh-juicy-homemade-jam-croissant_23-2148525233.jpg"
|
||||
imageAlt="cozy diner interior warm lighting"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="highlights" data-section="highlights">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "All-Day Breakfast",
|
||||
author: "Alice's",
|
||||
description: "From fluffy pancakes to biscuits & gravy, enjoy your morning favorites anytime.",
|
||||
tags: [
|
||||
"Breakfast",
|
||||
"Comfort",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-english-breakfast-with-fried-egg-bacon-sausages-beans_123827-37133.jpg",
|
||||
imageAlt: "breakfast pancakes maple syrup",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Family-Owned",
|
||||
author: "Alice's",
|
||||
description: "Locally owned and operated, serving our community with heart and care.",
|
||||
tags: [
|
||||
"Local",
|
||||
"Family",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-clinking-glass-wine-with-his-family-while-enjoying-dinner_482257-23363.jpg",
|
||||
imageAlt: "family dinner gathering",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Daily Specials",
|
||||
author: "Alice's",
|
||||
description: "Fresh, classic comfort food prepared daily in our kitchen.",
|
||||
tags: [
|
||||
"Daily",
|
||||
"Specials",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ingredients-pasta_23-2147771976.jpg",
|
||||
imageAlt: "daily special meal blackboard",
|
||||
},
|
||||
]}
|
||||
title="Why Locals Love Us"
|
||||
description="Serving Crawfordsville with love and homemade hospitality."
|
||||
/>
|
||||
</div>
|
||||
<div id="highlights" data-section="highlights">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "All-Day Breakfast", author: "Alice's", description: "From fluffy pancakes to biscuits & gravy, enjoy your morning favorites anytime.", tags: ["Breakfast", "Comfort"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-english-breakfast-with-fried-egg-bacon-sausages-beans_123827-37133.jpg", imageAlt: "breakfast pancakes maple syrup"},
|
||||
{
|
||||
id: "2", title: "Family-Owned", author: "Alice's", description: "Locally owned and operated, serving our community with heart and care.", tags: ["Local", "Family"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-clinking-glass-wine-with-his-family-while-enjoying-dinner_482257-23363.jpg", imageAlt: "family dinner gathering"},
|
||||
{
|
||||
id: "3", title: "Daily Specials", author: "Alice's", description: "Fresh, classic comfort food prepared daily in our kitchen.", tags: ["Daily", "Specials"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ingredients-pasta_23-2147771976.jpg", imageAlt: "daily special meal blackboard"},
|
||||
]}
|
||||
title="Why Locals Love Us"
|
||||
description="Serving Crawfordsville with love and homemade hospitality."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
title="Our Heritage"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardThree
|
||||
blogs={[]}
|
||||
title="Latest News"
|
||||
description="Updates from the kitchen."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="ecommerce" data-section="ecommerce">
|
||||
<ProductCartItem />
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Visit",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://www.facebook.com/profile.php?id=100063723903618",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Alice’s Restaurant"
|
||||
copyrightText="© 2024 Alice’s Restaurant"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Alice’s Restaurant"
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/menu" }, { label: "About", href: "/about" }, { label: "Visit", href: "/contact" }] },
|
||||
{ title: "Social", items: [{ label: "Facebook", href: "https://www.facebook.com/profile.php?id=100063723903618" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user