Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
350
src/app/page.tsx
350
src/app/page.tsx
@@ -28,247 +28,131 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Arômes & Saveurs"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Arômes & Saveurs"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Arômes & Saveurs"
|
||||
description="Your relaxing urban oasis. Experience artisanal coffee, gourmet breakfasts, and the perfect ambiance for your workday."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064702.jpg",
|
||||
imageAlt: "Cafe atmosphere",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/croissant-coffee-dark-background_84443-94438.jpg",
|
||||
imageAlt: "Gourmet Breakfast",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-pastry-with-meat-delicious-dough-meal-inside-plate-blue-rustic-desk_140725-40872.jpg",
|
||||
imageAlt: "Traditional Pastilla",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barista-pouring-latte-foam-coffee-caf_23-2148209229.jpg",
|
||||
imageAlt: "Specialty Coffee",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trendy-coffee-shop-city_53876-30213.jpg",
|
||||
imageAlt: "Relaxing interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-croissant-plate-covered-chocolate-cafe_181624-57999.jpg",
|
||||
imageAlt: "Artisan pastries",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Arômes & Saveurs"
|
||||
description="Your relaxing urban oasis. Experience artisanal coffee, gourmet breakfasts, and the perfect ambiance for your workday."
|
||||
buttons={[{ text: "View Menu", href: "#menu" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064702.jpg", imageAlt: "Cafe atmosphere" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/croissant-coffee-dark-background_84443-94438.jpg", imageAlt: "Gourmet Breakfast" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-pastry-with-meat-delicious-dough-meal-inside-plate-blue-rustic-desk_140725-40872.jpg", imageAlt: "Traditional Pastilla" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/professional-barista-pouring-latte-foam-coffee-caf_23-2148209229.jpg", imageAlt: "Specialty Coffee" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/trendy-coffee-shop-city_53876-30213.jpg", imageAlt: "Relaxing interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-croissant-plate-covered-chocolate-cafe_181624-57999.jpg", imageAlt: "Artisan pastries" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="About Us"
|
||||
title="Relaxing setting, delicious drinks"
|
||||
description="We offer a lovely setting for those seeking a relaxing space to work or unwind. Our chill music and high-quality beverages make every visit special."
|
||||
subdescription="Whether you are here for a business meeting or a quiet morning session, Arômes & Saveurs is your home away from home."
|
||||
icon={Coffee}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-stylish-casual-young-asian-man-wear-leather-jacket-spending-time-cafe-speaking-mobile-phone_627829-1263.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="About Us"
|
||||
title="Relaxing setting, delicious drinks"
|
||||
description="We offer a lovely setting for those seeking a relaxing space to work or unwind. Our chill music and high-quality beverages make every visit special."
|
||||
subdescription="Whether you are here for a business meeting or a quiet morning session, Arômes & Saveurs is your home away from home."
|
||||
icon={Coffee}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-stylish-casual-young-asian-man-wear-leather-jacket-spending-time-cafe-speaking-mobile-phone_627829-1263.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Petit Déjeuner Américain",
|
||||
price: "MAD 45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/croissants-coffee-old-wood-table_1150-12248.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Pastilla Au Poulet",
|
||||
price: "MAD 50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creamy-mushroom-pasta-dish-with-steam-dark-background_84443-94464.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Signature Latte",
|
||||
price: "MAD 25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-freshly-squeezed-juice-fruits-wooden-cutting-board_169016-49151.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Fresh Orange Juice",
|
||||
price: "MAD 20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ice-coffee_1339-3417.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Espresso Macchiato",
|
||||
price: "MAD 18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meal-different-food-table-dinner-lunch_132075-14557.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Gourmet Croissant",
|
||||
price: "MAD 15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-homemade-cookies-with-cup-tea-candies-wooden-table_176474-2582.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="Discover our signature dishes and refreshments."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Petit Déjeuner Américain", price: "MAD 45", imageSrc: "http://img.b2bpic.net/free-photo/croissants-coffee-old-wood-table_1150-12248.jpg" },
|
||||
{ id: "p2", name: "Pastilla Au Poulet", price: "MAD 50", imageSrc: "http://img.b2bpic.net/free-photo/creamy-mushroom-pasta-dish-with-steam-dark-background_84443-94464.jpg" },
|
||||
{ id: "p3", name: "Signature Latte", price: "MAD 25", imageSrc: "http://img.b2bpic.net/free-photo/glass-freshly-squeezed-juice-fruits-wooden-cutting-board_169016-49151.jpg" },
|
||||
{ id: "p4", name: "Fresh Orange Juice", price: "MAD 20", imageSrc: "http://img.b2bpic.net/free-photo/ice-coffee_1339-3417.jpg" },
|
||||
{ id: "p5", name: "Espresso Macchiato", price: "MAD 18", imageSrc: "http://img.b2bpic.net/free-photo/meal-different-food-table-dinner-lunch_132075-14557.jpg" },
|
||||
{ id: "p6", name: "Gourmet Croissant", price: "MAD 15", imageSrc: "http://img.b2bpic.net/free-photo/close-up-homemade-cookies-with-cup-tea-candies-wooden-table_176474-2582.jpg" },
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="Discover our signature dishes and refreshments."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={true}
|
||||
title="Our Impact"
|
||||
tag="Trusted By Many"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "160+",
|
||||
description: "Happy Customers",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.2",
|
||||
description: "Avg Rating",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50+",
|
||||
description: "Menu Varieties",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={true}
|
||||
title="Our Impact"
|
||||
tag="Trusted By Many"
|
||||
metrics={[
|
||||
{ id: "m1", value: "160+", description: "Happy Customers" },
|
||||
{ id: "m2", value: "4.2", description: "Avg Rating" },
|
||||
{ id: "m3", value: "50+", description: "Menu Varieties" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The music choice is sooo chill and relaxing, would recommend as a working space, also the coffee and the drinks are very yummy!"
|
||||
rating={5}
|
||||
author="Regular Visitor"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-tablet_23-2149927583.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-waiter-holding-digital-tablet-while-taking-order-from-couple-bar_637285-2427.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/women-drinking-coffee_23-2148006750.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-denim-shirt-wearing-stylish-glasses_273609-6820.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5061.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The music choice is sooo chill and relaxing, would recommend as a working space, also the coffee and the drinks are very yummy!"
|
||||
rating={5}
|
||||
author="Regular Visitor"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-tablet_23-2149927583.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-waiter-holding-digital-tablet-while-taking-order-from-couple-bar_637285-2427.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/women-drinking-coffee_23-2148006750.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-denim-shirt-wearing-stylish-glasses_273609-6820.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5061.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Cafe La Storia",
|
||||
"Oasis Cafe",
|
||||
"Campus Coffee",
|
||||
"La Crème",
|
||||
"Sprig of Coffee",
|
||||
"Gourmet Life",
|
||||
"Urban Eats",
|
||||
]}
|
||||
title="As Seen In"
|
||||
description="We are proud to be featured by these local favorites and community hubs."
|
||||
/>
|
||||
</div>
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={["Cafe La Storia", "Oasis Cafe", "Campus Coffee", "La Crème", "Sprig of Coffee", "Gourmet Life", "Urban Eats"]}
|
||||
title="As Seen In"
|
||||
description="We are proud to be featured by these local favorites and community hubs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Experience Arômes & Saveurs"
|
||||
description="Join us today for an unforgettable coffee experience."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Table",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Visit Us"
|
||||
title="Experience Arômes & Saveurs"
|
||||
description="Join us today for an unforgettable coffee experience."
|
||||
buttons={[{ text: "Book a Table", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Arômes & Saveurs"
|
||||
copyrightText="© 2025 Arômes & Saveurs. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Arômes & Saveurs"
|
||||
copyrightText="© 2025 Arômes & Saveurs. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user