Merge version_1 into main #1
156
src/app/page.tsx
156
src/app/page.tsx
@@ -29,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "#experience",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "Experience", id: "#experience" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="2 Days Café"
|
||||
/>
|
||||
@@ -54,37 +42,14 @@ export default function LandingPage() {
|
||||
<HeroCarouselLogo
|
||||
logoText="2 Days Café"
|
||||
description="Two Days. One average Experience."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Reserve a Table", href: "#contact" }]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-empty-cafeteria_181624-29282.jpg",
|
||||
imageAlt: "Luxurious café interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-pouring-drink-cup_23-2149870647.jpg",
|
||||
imageAlt: "Coffee art detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-bakery-pastries-wooden-table_123827-31598.jpg",
|
||||
imageAlt: "Fresh artisan pastries",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-business-items-serving-coffee_23-2149458023.jpg",
|
||||
imageAlt: "Golden lighting atmosphere",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/food-drinks_1122-1812.jpg",
|
||||
imageAlt: "Calm morning seating",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-photo-barista-holding-portafilter-working-coffee-shop-restaurant_613910-20443.jpg",
|
||||
imageAlt: "Warm barista greeting",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-empty-cafeteria_181624-29282.jpg", imageAlt: "Luxurious café interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hand-pouring-drink-cup_23-2149870647.jpg", imageAlt: "Coffee art detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/set-bakery-pastries-wooden-table_123827-31598.jpg", imageAlt: "Fresh artisan pastries" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/small-business-items-serving-coffee_23-2149458023.jpg", imageAlt: "Golden lighting atmosphere" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/food-drinks_1122-1812.jpg", imageAlt: "Calm morning seating" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/low-angle-photo-barista-holding-portafilter-working-coffee-shop-restaurant_613910-20443.jpg", imageAlt: "Warm barista greeting" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -103,42 +68,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Signature Cold Brew",
|
||||
price: "$8.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-volcano-with-black-coffee_140725-8222.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Artisan Butter Croissant",
|
||||
price: "$6.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bread-shop-bake-dough-flour-bakery_53876-31655.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Honey Lavender Latte",
|
||||
price: "$7.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-fresh-pita-bread-sale_181624-58514.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Dark Chocolate Tart",
|
||||
price: "$9.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cake-with-walnuts-prunes-dried-apricots-dark-wood-background_505751-5234.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Matcha Cloud Latte",
|
||||
price: "$7.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-shopping-food_23-2149187367.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Seasonal Fruit Scone",
|
||||
price: "$5.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081455.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Signature Cold Brew", price: "$8.00", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-volcano-with-black-coffee_140725-8222.jpg" },
|
||||
{ id: "p2", name: "Artisan Butter Croissant", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/bread-shop-bake-dough-flour-bakery_53876-31655.jpg" },
|
||||
{ id: "p3", name: "Honey Lavender Latte", price: "$7.50", imageSrc: "http://img.b2bpic.net/free-photo/closeup-fresh-pita-bread-sale_181624-58514.jpg" },
|
||||
{ id: "p4", name: "Dark Chocolate Tart", price: "$9.00", imageSrc: "http://img.b2bpic.net/free-photo/cake-with-walnuts-prunes-dried-apricots-dark-wood-background_505751-5234.jpg" },
|
||||
{ id: "p5", name: "Matcha Cloud Latte", price: "$7.00", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-shopping-food_23-2149187367.jpg" },
|
||||
{ id: "p6", name: "Seasonal Fruit Scone", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081455.jpg" }
|
||||
]}
|
||||
title="Menu Highlights"
|
||||
description="Hand-crafted delicacies prepared daily using the finest ingredients."
|
||||
@@ -149,36 +84,13 @@ export default function LandingPage() {
|
||||
<MetricCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.2",
|
||||
title: "Overall",
|
||||
description: "Based on recent visitors",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.7",
|
||||
title: "Food & Drink",
|
||||
description: "Highly acclaimed quality",
|
||||
icon: Coffee,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "3.6",
|
||||
title: "Service",
|
||||
description: "Personalized attention",
|
||||
icon: User,
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "4.4",
|
||||
title: "Atmosphere",
|
||||
description: "Calm and exclusive",
|
||||
icon: Building,
|
||||
},
|
||||
{ id: "m1", value: "4.2", title: "Overall", description: "Based on recent visitors", icon: Star },
|
||||
{ id: "m2", value: "4.7", title: "Food & Drink", description: "Highly acclaimed quality", icon: Coffee },
|
||||
{ id: "m3", value: "3.6", title: "Service", description: "Personalized attention", icon: User },
|
||||
{ id: "m4", value: "4.4", title: "Atmosphere", description: "Calm and exclusive", icon: Building }
|
||||
]}
|
||||
title="Customer Ratings"
|
||||
description="We are proud of the feedback we receive from our community. No written reviews yet."
|
||||
@@ -198,18 +110,8 @@ export default function LandingPage() {
|
||||
title="Visit Us"
|
||||
description="Find us at our exclusive city location for your morning ritual or afternoon escape."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/picture-young-lovely-caucasian-female-with-dark-hair-gold-dress-gold-shoes-shows-different-stands-near-beautiful-building_132075-8951.jpg"
|
||||
buttonText="Inquire About Events"
|
||||
@@ -219,14 +121,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="2 Days Café"
|
||||
leftLink={{
|
||||
text: "Terms & Privacy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Instagram",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Terms & Privacy", href: "#" }}
|
||||
rightLink={{ text: "Instagram", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user