Merge version_1 into main #2
268
src/app/page.tsx
268
src/app/page.tsx
@@ -32,123 +32,59 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Story",
|
||||
id: "about",
|
||||
},
|
||||
name: "Story", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Visit",
|
||||
id: "visit",
|
||||
},
|
||||
name: "Visit", id: "visit"},
|
||||
]}
|
||||
brandName="Il Caffè"
|
||||
button={{ text: "Contact", href: "#visit" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Old-School Italian Soul"
|
||||
description="Savor the artistry of authentic Italian coffee and house-made pastries in a space where time slows down."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-filled-with-coffee-cup-white-background-covered-by-ficus-leaf-shadow_23-2148296160.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-sack-coffee-beans_23-2148180251.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-white-long-sleeve-shirt-sitting-chair-cafe_250224-25.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-filled-with-coffee-cup-white-background-covered-by-ficus-leaf-shadow_23-2148296160.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-sack-coffee-beans_23-2148180251.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-white-long-sleeve-shirt-sitting-chair-cafe_250224-25.jpg?_wi=2",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/white-filled-with-coffee-cup-white-background-covered-by-ficus-leaf-shadow_23-2148296160.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-sack-coffee-beans_23-2148180251.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-white-long-sleeve-shirt-sitting-chair-cafe_250224-25.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/white-filled-with-coffee-cup-white-background-covered-by-ficus-leaf-shadow_23-2148296160.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-sack-coffee-beans_23-2148180251.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-white-long-sleeve-shirt-sitting-chair-cafe_250224-25.jpg" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-white-long-sleeve-shirt-sitting-chair-cafe_250224-25.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-filled-with-coffee-cup-white-background-covered-by-ficus-leaf-shadow_23-2148296160.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-sack-coffee-beans_23-2148180251.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-white-long-sleeve-shirt-sitting-chair-cafe_250224-25.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-filled-with-coffee-cup-white-background-covered-by-ficus-leaf-shadow_23-2148296160.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-sack-coffee-beans_23-2148180251.jpg?_wi=4",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-white-long-sleeve-shirt-sitting-chair-cafe_250224-25.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/white-filled-with-coffee-cup-white-background-covered-by-ficus-leaf-shadow_23-2148296160.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-sack-coffee-beans_23-2148180251.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-white-long-sleeve-shirt-sitting-chair-cafe_250224-25.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/white-filled-with-coffee-cup-white-background-covered-by-ficus-leaf-shadow_23-2148296160.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-sack-coffee-beans_23-2148180251.jpg" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "Explore Menu", href: "#menu"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-using-looking-smartphone-with-feeling-happy_1150-4006.jpg",
|
||||
alt: "Marco",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-best-friends-drinking-coffee-good-books_329181-3415.jpg",
|
||||
alt: "Giulia",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/satisfied-female-baker-looking-freshly-baked-croissant_23-2148189112.jpg",
|
||||
alt: "Luca",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/african-boy-caucasian-girls-are-laughing-cosy-open-air-cafe-hot-sunny-day_8353-9768.jpg",
|
||||
alt: "Sara",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-communicating-through-sign-language_23-2148590312.jpg",
|
||||
alt: "Tom",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-using-looking-smartphone-with-feeling-happy_1150-4006.jpg", alt: "Marco" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/two-best-friends-drinking-coffee-good-books_329181-3415.jpg", alt: "Giulia" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/satisfied-female-baker-looking-freshly-baked-croissant_23-2148189112.jpg", alt: "Luca" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/african-boy-caucasian-girls-are-laughing-cosy-open-air-cafe-hot-sunny-day_8353-9768.jpg", alt: "Sara" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-woman-communicating-through-sign-language_23-2148590312.jpg", alt: "Tom" },
|
||||
]}
|
||||
avatarText="Loved by thousands of locals"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Freshly Roasted",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisan Pastries",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Authentic Vibes",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Community Focused",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Italian Tradition",
|
||||
},
|
||||
{ type: "text", text: "Freshly Roasted" },
|
||||
{ type: "text", text: "Artisan Pastries" },
|
||||
{ type: "text", text: "Authentic Vibes" },
|
||||
{ type: "text", text: "Community Focused" },
|
||||
{ type: "text", text: "Italian Tradition" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -158,14 +94,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Fresh Croissants Daily",
|
||||
"Artisan Espresso",
|
||||
"Old-School Italian Soul",
|
||||
"Hand-Pressed Pastries",
|
||||
"Community Driven",
|
||||
"Perfectly Roasted",
|
||||
"Daily Joy",
|
||||
]}
|
||||
"Fresh Croissants Daily", "Artisan Espresso", "Old-School Italian Soul", "Hand-Pressed Pastries", "Community Driven", "Perfectly Roasted", "Daily Joy"]}
|
||||
title="Fresh Croissants Daily · Artisan Espresso · Old-School Italian Soul"
|
||||
description="Celebrating the timeless traditions of Italian coffee culture every single day."
|
||||
/>
|
||||
@@ -176,21 +105,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Our Italian Heritage"
|
||||
metrics={[
|
||||
{
|
||||
icon: Coffee,
|
||||
label: "Espressos Served",
|
||||
value: "12,000+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Local Awards",
|
||||
value: "5",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Years Active",
|
||||
value: "15+",
|
||||
},
|
||||
{ icon: Coffee, label: "Espressos Served", value: "12,000+" },
|
||||
{ icon: Award, label: "Local Awards", value: "5" },
|
||||
{ icon: Clock, label: "Years Active", value: "15+" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -203,42 +120,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Espresso Romano",
|
||||
price: "$3.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/morning-latte-wood-cup-macro_1122-2425.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Butter Croissant",
|
||||
price: "$4.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/morning-latte-wood-cup-macro_1122-2425.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Cold Brew",
|
||||
price: "$5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/morning-latte-wood-cup-macro_1122-2425.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
name: "Cappuccino",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/morning-latte-wood-cup-macro_1122-2425.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
name: "Pain au Chocolat",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/morning-latte-wood-cup-macro_1122-2425.jpg?_wi=5",
|
||||
},
|
||||
{
|
||||
id: "m6",
|
||||
name: "Iced Latte",
|
||||
price: "$5.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/morning-latte-wood-cup-macro_1122-2425.jpg?_wi=6",
|
||||
},
|
||||
{ id: "m1", name: "Espresso Romano", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/morning-latte-wood-cup-macro_1122-2425.jpg" },
|
||||
{ id: "m2", name: "Butter Croissant", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/morning-latte-wood-cup-macro_1122-2425.jpg" },
|
||||
{ id: "m3", name: "Cold Brew", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/morning-latte-wood-cup-macro_1122-2425.jpg" },
|
||||
{ id: "m4", name: "Cappuccino", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/morning-latte-wood-cup-macro_1122-2425.jpg" },
|
||||
{ id: "m5", name: "Pain au Chocolat", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/morning-latte-wood-cup-macro_1122-2425.jpg" },
|
||||
{ id: "m6", name: "Iced Latte", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/morning-latte-wood-cup-macro_1122-2425.jpg" },
|
||||
]}
|
||||
title="Daily Menu"
|
||||
description="Hand-crafted coffee, scratch-made pastries, and refreshing cold drinks."
|
||||
@@ -250,30 +137,13 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Coffee Bar",
|
||||
subtitle: "Fresh roasted",
|
||||
category: "Vibe",
|
||||
value: "Italian",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Outdoor Seating",
|
||||
subtitle: "Street level",
|
||||
category: "View",
|
||||
value: "Relaxing",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Library Corner",
|
||||
subtitle: "Quiet area",
|
||||
category: "Space",
|
||||
value: "Cozy",
|
||||
},
|
||||
{ id: "f1", title: "Coffee Bar", subtitle: "Fresh roasted", category: "Vibe", value: "Italian" },
|
||||
{ id: "f2", title: "Outdoor Seating", subtitle: "Street level", category: "View", value: "Relaxing" },
|
||||
{ id: "f3", title: "Library Corner", subtitle: "Quiet area", category: "Space", value: "Cozy" },
|
||||
]}
|
||||
title="Café Atmosphere"
|
||||
description="Old-school Italian soul in every corner."
|
||||
animationType="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -283,46 +153,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marco Rossi",
|
||||
handle: "@marco",
|
||||
testimonial: "Best espresso in the city, hands down.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-looking-smartphone-with-feeling-happy_1150-4006.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Giulia B.",
|
||||
handle: "@giulia",
|
||||
testimonial: "The croissants are divine, always warm.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-best-friends-drinking-coffee-good-books_329181-3415.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Luca V.",
|
||||
handle: "@luca",
|
||||
testimonial: "My daily morning ritual. Simply perfect.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/satisfied-female-baker-looking-freshly-baked-croissant_23-2148189112.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sara M.",
|
||||
handle: "@sara",
|
||||
testimonial: "Authentic italian atmosphere. A rare gem.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-boy-caucasian-girls-are-laughing-cosy-open-air-cafe-hot-sunny-day_8353-9768.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tom P.",
|
||||
handle: "@tom",
|
||||
testimonial: "Friendly service and great coffee.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-communicating-through-sign-language_23-2148590312.jpg",
|
||||
},
|
||||
{ id: "1", name: "Marco Rossi", handle: "@marco", testimonial: "Best espresso in the city, hands down.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-looking-smartphone-with-feeling-happy_1150-4006.jpg" },
|
||||
{ id: "2", name: "Giulia B.", handle: "@giulia", testimonial: "The croissants are divine, always warm.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-best-friends-drinking-coffee-good-books_329181-3415.jpg" },
|
||||
{ id: "3", name: "Luca V.", handle: "@luca", testimonial: "My daily morning ritual. Simply perfect.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/satisfied-female-baker-looking-freshly-baked-croissant_23-2148189112.jpg" },
|
||||
{ id: "4", name: "Sara M.", handle: "@sara", testimonial: "Authentic italian atmosphere. A rare gem.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/african-boy-caucasian-girls-are-laughing-cosy-open-air-cafe-hot-sunny-day_8353-9768.jpg" },
|
||||
{ id: "5", name: "Tom P.", handle: "@tom", testimonial: "Friendly service and great coffee.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-communicating-through-sign-language_23-2148590312.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Locals Say"
|
||||
@@ -334,16 +169,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Open Daily 7am – 6pm"
|
||||
description="123 Italian Street, Downtown. Swing by for a morning brew."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550123",
|
||||
},
|
||||
text: "Call Now", href: "tel:5550123"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user