Merge version_1 into main #1
466
src/app/page.tsx
466
src/app/page.tsx
@@ -27,350 +27,144 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="M&J Restaurant"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="M&J Restaurant"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Authentic Flavors in Greer"
|
||||
description="Welcome to M&J Restaurant, where locally sourced ingredients meet culinary tradition. Join us for an unforgettable dining experience."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John Doe",
|
||||
handle: "@johnd",
|
||||
testimonial: "Best local spot in Greer!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269176.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jane Smith",
|
||||
handle: "@janes",
|
||||
testimonial: "The flavors are incredible.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-celebrating-engagement_23-2149212184.jpg",
|
||||
},
|
||||
{
|
||||
name: "Robert Miller",
|
||||
handle: "@rob",
|
||||
testimonial: "Exceptional service and food.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-table_23-2149213367.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah Lee",
|
||||
handle: "@slee",
|
||||
testimonial: "A true gem in the city.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-restaurant_23-2148395392.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mike Ross",
|
||||
handle: "@miker",
|
||||
testimonial: "Perfect for our date nights.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-red-tie-blue-shirt-wearing-glasses-looking-happy-excited-showing-thumbs-up_141793-111481.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/ratatouille-style-provencal-rose-concept-modern-cuisine-rustic-traditions-glass-chilled-rose-wine-white-tablecloth-copy-space-text-about-french-seasonal-cuisine_166373-9560.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/older-man-with-silly-face_1149-277.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-man-holding-his-face-medium-shot_23-2148401444.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5349.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-travel-agency_23-2150433448.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Fresh Local Ingredients",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Family Owned",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Award Winning Chef",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Open Daily",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Since 2010",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Authentic Flavors in Greer"
|
||||
description="Welcome to M&J Restaurant, where locally sourced ingredients meet culinary tradition. Join us for an unforgettable dining experience."
|
||||
testimonials={[
|
||||
{ name: "John Doe", handle: "@johnd", testimonial: "Best local spot in Greer!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269176.jpg" },
|
||||
{ name: "Jane Smith", handle: "@janes", testimonial: "The flavors are incredible.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-celebrating-engagement_23-2149212184.jpg" },
|
||||
{ name: "Robert Miller", handle: "@rob", testimonial: "Exceptional service and food.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-table_23-2149213367.jpg" },
|
||||
{ name: "Sarah Lee", handle: "@slee", testimonial: "A true gem in the city.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-restaurant_23-2148395392.jpg" },
|
||||
{ name: "Mike Ross", handle: "@miker", testimonial: "Perfect for our date nights.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-red-tie-blue-shirt-wearing-glasses-looking-happy-excited-showing-thumbs-up_141793-111481.jpg" },
|
||||
]}
|
||||
buttons={[{ text: "View Menu", href: "#menu" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/ratatouille-style-provencal-rose-concept-modern-cuisine-rustic-traditions-glass-chilled-rose-wine-white-tablecloth-copy-space-text-about-french-seasonal-cuisine_166373-9560.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/older-man-with-silly-face_1149-277.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiley-man-holding-his-face-medium-shot_23-2148401444.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5349.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-travel-agency_23-2150433448.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Fresh Local Ingredients" },
|
||||
{ type: "text", text: "Family Owned" },
|
||||
{ type: "text", text: "Award Winning Chef" },
|
||||
{ type: "text", text: "Open Daily" },
|
||||
{ type: "text", text: "Since 2010" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Story"
|
||||
description={[
|
||||
"Founded with a passion for good food and community, M&J Restaurant brings heart to every dish we serve in the heart of Greer.",
|
||||
"We take pride in our recipes passed down through generations.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Story"
|
||||
description={[
|
||||
"Founded with a passion for good food and community, M&J Restaurant brings heart to every dish we serve in the heart of Greer.", "We take pride in our recipes passed down through generations."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Signature Steak",
|
||||
price: "$28",
|
||||
variant: "Main",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-served-with-eggplants-tomatoes_141793-738.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Truffle Pasta",
|
||||
price: "$22",
|
||||
variant: "Main",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-eating-caprice-salad-with-arugula-caviar_140725-11477.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Seared Scallops",
|
||||
price: "$30",
|
||||
variant: "Main",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-potato-onin-mixed-with-greens-mint-side-view_141793-2367.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Garden Appetizer",
|
||||
price: "$12",
|
||||
variant: "Starter",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cookies-cakes-inside-plate-grey-space_140725-79698.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chocolate Lava Cake",
|
||||
price: "$10",
|
||||
variant: "Dessert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-delicious-cake-with-chocolate-raisins-light-dark-background_140725-132620.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Fresh Harvest Salad",
|
||||
price: "$15",
|
||||
variant: "Starter",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-shrimp-noodle-bowl-with-herbs-lime_84443-84864.jpg",
|
||||
},
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Discover our hand-crafted selection of locally-inspired dishes."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", name: "Signature Steak", price: "$28", variant: "Main", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-served-with-eggplants-tomatoes_141793-738.jpg" },
|
||||
{ id: "2", name: "Truffle Pasta", price: "$22", variant: "Main", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-eating-caprice-salad-with-arugula-caviar_140725-11477.jpg" },
|
||||
{ id: "3", name: "Seared Scallops", price: "$30", variant: "Main", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-potato-onin-mixed-with-greens-mint-side-view_141793-2367.jpg" },
|
||||
{ id: "4", name: "Garden Appetizer", price: "$12", variant: "Starter", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cookies-cakes-inside-plate-grey-space_140725-79698.jpg" },
|
||||
{ id: "5", name: "Chocolate Lava Cake", price: "$10", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-delicious-cake-with-chocolate-raisins-light-dark-background_140725-132620.jpg" },
|
||||
{ id: "6", name: "Fresh Harvest Salad", price: "$15", variant: "Starter", imageSrc: "http://img.b2bpic.net/free-photo/fresh-shrimp-noodle-bowl-with-herbs-lime_84443-84864.jpg" },
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Discover our hand-crafted selection of locally-inspired dishes."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Anna",
|
||||
handle: "@anna",
|
||||
testimonial: "The best atmosphere in Greer.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006704.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ben",
|
||||
handle: "@ben",
|
||||
testimonial: "I never miss a Friday here.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-man-holding-smart-phone_23-2147935571.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Chloe",
|
||||
handle: "@chloe",
|
||||
testimonial: "Love the dessert selection!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-denim-shirt-wearing-stylish-glasses_273609-6826.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David",
|
||||
handle: "@david",
|
||||
testimonial: "Fresh, local, and tasty.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-holding-glass_23-2148965394.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily",
|
||||
handle: "@emily",
|
||||
testimonial: "Highly recommended for families.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hispanic-man-eating-healthy-whole-grain-cereals-with-spoon-smiling-with-happy-cool-smile-face-showing-teeth_839833-31876.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Hear from the community about their favorite M&J moments."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Anna", handle: "@anna", testimonial: "The best atmosphere in Greer.", imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006704.jpg" },
|
||||
{ id: "2", name: "Ben", handle: "@ben", testimonial: "I never miss a Friday here.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-man-holding-smart-phone_23-2147935571.jpg" },
|
||||
{ id: "3", name: "Chloe", handle: "@chloe", testimonial: "Love the dessert selection!", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-denim-shirt-wearing-stylish-glasses_273609-6826.jpg" },
|
||||
{ id: "4", name: "David", handle: "@david", testimonial: "Fresh, local, and tasty.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-holding-glass_23-2148965394.jpg" },
|
||||
{ id: "5", name: "Emily", handle: "@emily", testimonial: "Highly recommended for families.", imageSrc: "http://img.b2bpic.net/free-photo/hispanic-man-eating-healthy-whole-grain-cereals-with-spoon-smiling-with-happy-cool-smile-face-showing-teeth_839833-31876.jpg" },
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Hear from the community about their favorite M&J moments."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Years Serving",
|
||||
description: "Local excellence",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flour-black-background-with-shapes-kitchen-elements_23-2148006321.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10k+",
|
||||
title: "Happy Guests",
|
||||
description: "Served with love",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/finger-pushing-virtual-button_1134-264.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Fresh Local",
|
||||
description: "Sourced carefully",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/organic-shop-background-design_1195-142.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Numbers reflecting our love for serving Greer."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "15+", title: "Years Serving", description: "Local excellence", imageSrc: "http://img.b2bpic.net/free-photo/flour-black-background-with-shapes-kitchen-elements_23-2148006321.jpg" },
|
||||
{ id: "m2", value: "10k+", title: "Happy Guests", description: "Served with love", imageSrc: "http://img.b2bpic.net/free-photo/finger-pushing-virtual-button_1134-264.jpg" },
|
||||
{ id: "m3", value: "100%", title: "Fresh Local", description: "Sourced carefully", imageSrc: "http://img.b2bpic.net/free-vector/organic-shop-background-design_1195-142.jpg" },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Numbers reflecting our love for serving Greer."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do I need a reservation?",
|
||||
content: "Reservations are recommended on weekends.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer catering?",
|
||||
content: "Yes, please contact us for details.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is parking available?",
|
||||
content: "Free parking is located behind the building.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers to frequently asked questions about our restaurant."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Do I need a reservation?", content: "Reservations are recommended on weekends." },
|
||||
{ id: "q2", title: "Do you offer catering?", content: "Yes, please contact us for details." },
|
||||
{ id: "q3", title: "Is parking available?", content: "Free parking is located behind the building." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers to frequently asked questions about our restaurant."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Join Our Community"
|
||||
description="Sign up for updates on our special menu items and local events."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "downward-rays-static" }}
|
||||
tag="Visit Us"
|
||||
title="Join Our Community"
|
||||
description="Sign up for updates on our special menu items and local events."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="M&J Restaurant"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="M&J Restaurant"
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }, { label: "Menu", href: "#menu" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user