Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 09f87bb007 | |||
| b608233194 | |||
| 78fecf5460 |
356
src/app/page.tsx
356
src/app/page.tsx
@@ -11,6 +11,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,141 +31,38 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Visit Us",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Market", id: "market" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Visit Us", id: "contact" },
|
||||
]}
|
||||
brandName="Memezz Restaurant"
|
||||
button={{
|
||||
text: "Book Table",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Table", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Atlanta's Finest Culinary Experience"
|
||||
description="Indulge in vibrant, expertly crafted dishes made from fresh, locally-sourced ingredients. Memezz offers a unique, high-rated dining atmosphere in the heart of the city."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-plate-tablecloth-white-plate-stuffed-cabbage-with-herbs-lemon-sauce_140725-99214.jpg",
|
||||
imageAlt: "gourmet restaurant food plating",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-set-with-fork-spoon-knife_140725-1835.jpg",
|
||||
imageAlt: "fresh gourmet appetizer close-up",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-dinner-with-meat-potatoes-served-with-green-black-plate-pepper-garlic-oil-bottle-cutlery-set_179666-19991.jpg",
|
||||
imageAlt: "Top view of tasty dinner",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-bruschetta-assortment-close-up_23-2148517006.jpg",
|
||||
imageAlt: "Fresh bruschetta assortment",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-fish-meal_23-2148494084.jpg",
|
||||
imageAlt: "Top view delicious fish meal",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-plate-tablecloth-white-plate-stuffed-cabbage-with-herbs-lemon-sauce_140725-99214.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plate-set-with-fork-spoon-knife_140725-1835.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-dinner-with-meat-potatoes-served-with-green-black-plate-pepper-garlic-oil-bottle-cutlery-set_179666-19991.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fresh-bruschetta-assortment-close-up_23-2148517006.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-fish-meal_23-2148494084.jpg" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tomato-mozzarella-cheese-salad-white-plate_74190-5117.jpg",
|
||||
imageAlt: "fresh gourmet appetizer close-up",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lamb-wrapped-with-dough-tomato-sauce_114579-2133.jpg",
|
||||
imageAlt: "gourmet restaurant food plating",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salmon-bruschetta-with-cucumber-mozzarella-dill-red-onion-dried-tomato-lime_141793-2269.jpg",
|
||||
imageAlt: "Salmon bruschetta",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gourmet-fusion-tuna-green-sashimi_1203-3884.jpg",
|
||||
imageAlt: "gourmet fusion tuna",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-radish-meal-with-meat-inside-white-plate-table-food-meal-dinner-restaurant_140725-28248.jpg",
|
||||
imageAlt: "radish meal with meat",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "See Our Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg",
|
||||
alt: "happy teenage girl",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-rich-stylish-man-dressed-modern-elegant-clothes-holds-cup-coffee-outdoor-restaurant_613910-3978.jpg",
|
||||
alt: "happy rich stylish man",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-caucasian-business-male-taking-off-face-mask-virus-protection-show-his-smile-with-cheerful-get-well-fight-spread-covid-19-epidemic-health-ideas-concept_609648-1061.jpg",
|
||||
alt: "positive business male",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-young-friends-restaurant_23-2148395397.jpg",
|
||||
alt: "young friends",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-aged-couple-sitting-cafe-with-mugs-tea_23-2148216498.jpg",
|
||||
alt: "smiling aged couple",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/creative-star-rating-symbol-black-theme_1017-14510.jpg",
|
||||
alt: "food review platform icon",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/food-delivery-infographic_23-2147514818.jpg",
|
||||
alt: "local eatery directory brand",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/food-beige-background_24908-61024.jpg",
|
||||
alt: "travel guide rating sticker",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/crazy-chef-happy-expression_1194-1471.jpg",
|
||||
alt: "culinary association official logo",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/badge-icon-front-side-with-white-background_187299-39772.jpg",
|
||||
alt: "award winning restaurant badge",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/tomato-mozzarella-cheese-salad-white-plate_74190-5117.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/lamb-wrapped-with-dough-tomato-sauce_114579-2133.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/salmon-bruschetta-with-cucumber-mozzarella-dill-red-onion-dried-tomato-lime_141793-2269.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/gourmet-fusion-tuna-green-sashimi_1203-3884.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-radish-meal-with-meat-inside-white-plate-table-food-meal-dinner-restaurant_140725-28248.jpg" },
|
||||
]}
|
||||
buttons={[{ text: "See Our Menu", href: "#products" }, { text: "Visit Us", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -173,24 +71,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="A Passion for Flavor"
|
||||
description="At Memezz, we believe every meal is a masterpiece. Our chefs blend traditional techniques with modern creativity to deliver an unforgettable dining experience in Atlanta."
|
||||
metrics={[
|
||||
{
|
||||
value: "10+",
|
||||
title: "Years of Excellence",
|
||||
},
|
||||
{
|
||||
value: "4.5",
|
||||
title: "Star Rating",
|
||||
},
|
||||
{
|
||||
value: "5k+",
|
||||
title: "Happy Diners",
|
||||
},
|
||||
]}
|
||||
metrics={[{ value: "10+", title: "Years of Excellence" }, { value: "4.5", title: "Star Rating" }, { value: "5k+", title: "Happy Diners" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-relaxing-countryside_23-2151335926.jpg"
|
||||
imageAlt="chef cooking in restaurant kitchen"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -201,201 +83,47 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Atlanta Signature Steak",
|
||||
price: "$34",
|
||||
variant: "Main Course",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-arugula-grilled-eggplants_141793-744.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Basil Herb Pasta",
|
||||
price: "$26",
|
||||
variant: "Main Course",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-delicious-pasta-meal-with-tomato-meat-green-blue-plate-ice-background_140725-143666.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Garden Harvest Salad",
|
||||
price: "$18",
|
||||
variant: "Starter",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-from-afar-christmas-dish-christmas-dish-with-appetizing-seeds-pomegranate-tree-branches-grey-surface_140725-111323.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Ocean Catch Platter",
|
||||
price: "$42",
|
||||
variant: "Main Course",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/penne-pasta-with-mussels-side-view_140725-9154.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Decadent Chocolate Mousse",
|
||||
price: "$12",
|
||||
variant: "Dessert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-chocolate-cake_23-2148549948.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Artisan Craft Cocktail",
|
||||
price: "$15",
|
||||
variant: "Drink",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brandy-alexander-cocktail-wooden-table-black-background_123827-21796.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Atlanta Signature Steak", price: "$34", variant: "Main", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-arugula-grilled-eggplants_141793-744.jpg" },
|
||||
{ id: "p2", name: "Basil Herb Pasta", price: "$26", variant: "Main", imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-delicious-pasta-meal-with-tomato-meat-green-blue-plate-ice-background_140725-143666.jpg" },
|
||||
{ id: "p3", name: "Garden Harvest Salad", price: "$18", variant: "Starter", imageSrc: "http://img.b2bpic.net/free-photo/side-view-from-afar-christmas-dish-christmas-dish-with-appetizing-seeds-pomegranate-tree-branches-grey-surface_140725-111323.jpg" },
|
||||
]}
|
||||
title="Signature Menu Items"
|
||||
description="Explore our chef-curated selection of fresh and vibrant dishes."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Locally Sourced",
|
||||
description: "Farm-to-table freshness guaranteed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-food-frame-with-fruits-vegetables_23-2148234230.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/bottom-half-view-grey-round-platter-fresh-vegetables-other-stuffs-table_140725-147655.jpg",
|
||||
buttonText: "Read More",
|
||||
},
|
||||
{
|
||||
title: "Elegant Ambiance",
|
||||
description: "Perfect lighting for any occasion.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-modern-lamp-with-light-bulb-inside-building_181624-58123.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1854.jpg",
|
||||
buttonText: "See Gallery",
|
||||
},
|
||||
{
|
||||
title: "World-Class Service",
|
||||
description: "Hospitality you'll always remember.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-close-up-portrait-beautiful-black-skinned-woman-wearing-blouse-flower-headband-enjoying-dinner-while-eating-restaurant_613910-18781.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/portrait-positive-young-man-holding-glass-wine_23-2148454112.jpg",
|
||||
buttonText: "Book Table",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Memezz?"
|
||||
description="More than just a restaurant—we're an experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Absolutely the best spot in Atlanta! The food is incredible, the staff are attentive, and the 4.5-star reputation is truly earned. Highly recommend the steak!"
|
||||
rating={5}
|
||||
author="Sarah Jenkins"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-stylish-young-woman-standing-restaurant_23-2147936182.jpg",
|
||||
alt: "smiling customer portrait restaurant",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/group-friends-dining-out_23-2149187241.jpg",
|
||||
alt: "happy group dining restaurant",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-friends-having-laugh-together_23-2148395336.jpg",
|
||||
alt: "professional client eating meal",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-eating-pasta-cafe_1303-25260.jpg",
|
||||
alt: "young woman eating restaurant meal",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/group-friends-cheering-with-wine-glasses-restaurant_23-2150520071.jpg",
|
||||
alt: "happy elderly couple dining",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Google Top Rated",
|
||||
"Atlanta Eater",
|
||||
"Foodie's Guide",
|
||||
"Culinary Arts Monthly",
|
||||
"Chef's Association",
|
||||
]}
|
||||
title="Trusted by Atlanta's Finest"
|
||||
description="Featured and recognized in top food guides."
|
||||
/>
|
||||
<div id="market" data-section="market">
|
||||
<ProductCardThree
|
||||
title="Market Eatery"
|
||||
description="Grab-and-go fresh snacks and local produce."
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "m1", name: "Fresh Sourdough", price: "$8", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-bread-bread-sticks-on-grey-surface_140725-15637.jpg" },
|
||||
{ id: "m2", name: "Artisan Cheese Box", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/assortment-cheeses-with-grapes-nuts_23-2148232906.jpg" },
|
||||
{ id: "m3", name: "Organic Berries", price: "$6", imageSrc: "http://img.b2bpic.net/free-photo/fresh-raspberries-blackberries-white-bowl_144627-16010.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
text="Find us at 123 Peachtree St, Atlanta, GA. We're open daily from 5pm to 11pm. Book your table today!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "plain" }}
|
||||
text="Find us at 123 Peachtree St, Atlanta, GA. We're open daily from 5pm to 11pm."
|
||||
buttons={[{ text: "Get Directions", href: "https://maps.google.com/?q=123+Peachtree+St+Atlanta+GA" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Memezz"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Book Table",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "TikTok",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Memezz Restaurant. All rights reserved."
|
||||
columns={[{ title: "Navigation", items: [{ label: "Menu", href: "#products" }, { label: "Book Table", href: "#contact" }] }, { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f4ef;
|
||||
--card: #dad6cd;
|
||||
--foreground: #2a2928;
|
||||
--primary-cta: #2a2928;
|
||||
--background: #fbfaff;
|
||||
--card: #f7f5ff;
|
||||
--foreground: #0f0022;
|
||||
--primary-cta: #8b5cf6;
|
||||
--primary-cta-text: #f5f4ef;
|
||||
--secondary-cta: #ecebea;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #2a2928;
|
||||
--accent: #ffffff;
|
||||
--background-accent: #c6b180;
|
||||
--accent: #d8cef5;
|
||||
--background-accent: #c4a8f9;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user