Compare commits
8 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| e3556e1bd7 | |||
| cdb5783cfb | |||
| edd0a99930 | |||
| a1360afbb8 | |||
| 245362edfc | |||
| 88278bce47 | |||
| edb83ac038 | |||
| 58c2349e28 |
269
src/app/page.tsx
269
src/app/page.tsx
@@ -33,17 +33,11 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Experience",
|
||||
id: "#experience",
|
||||
},
|
||||
name: "Experience", id: "#experience"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "Reserve",
|
||||
id: "#reserve",
|
||||
},
|
||||
name: "Reserve", id: "#reserve"},
|
||||
]}
|
||||
brandName="KORA"
|
||||
/>
|
||||
@@ -51,82 +45,43 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Civitavecchia’s Most Beautiful Brunch Experience"
|
||||
title="Coastal Flavors, Iconic Brunch"
|
||||
description="Gourmet burgers, vibrant pokè bowls, fluffy pancakes & coastal vibes — served all day in a space designed to stay awhile."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sofia R.",
|
||||
handle: "@sofia.travels",
|
||||
testimonial: "The burgers are soooo GOOD.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scenic-view-private-sandy-beach-with-sun-beds-parasokamy-sea-mountains-resort_146671-18839.jpg?_wi=1",
|
||||
imageAlt: "luxury restaurant brunch setting coastal",
|
||||
},
|
||||
name: "Sofia R.", handle: "@sofia.travels", testimonial: "The burgers are soooo GOOD.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scenic-view-private-sandy-beach-with-sun-beds-parasokamy-sea-mountains-resort_146671-18839.jpg?_wi=1", imageAlt: "luxury restaurant brunch setting coastal"},
|
||||
{
|
||||
name: "Luca M.",
|
||||
handle: "@lucamartin",
|
||||
testimonial: "Service was 10/10.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/texture-glass-table-table-setting-idea_169016-18539.jpg?_wi=1",
|
||||
imageAlt: "luxury restaurant brunch setting coastal",
|
||||
},
|
||||
name: "Luca M.", handle: "@lucamartin", testimonial: "Service was 10/10.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/texture-glass-table-table-setting-idea_169016-18539.jpg?_wi=1", imageAlt: "luxury restaurant brunch setting coastal"},
|
||||
{
|
||||
name: "Elena V.",
|
||||
handle: "@elena.vibe",
|
||||
testimonial: "Beautiful atmosphere and high-quality food.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lamb-chicken-burger-without-top-bun-with-mushroom-herbs-tomato-sauce_140725-8320.jpg?_wi=1",
|
||||
imageAlt: "luxury restaurant brunch setting coastal",
|
||||
},
|
||||
name: "Elena V.", handle: "@elena.vibe", testimonial: "Beautiful atmosphere and high-quality food.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lamb-chicken-burger-without-top-bun-with-mushroom-herbs-tomato-sauce_140725-8320.jpg?_wi=1", imageAlt: "luxury restaurant brunch setting coastal"},
|
||||
{
|
||||
name: "Marco P.",
|
||||
handle: "@marco_civit",
|
||||
testimonial: "Super fluffy pancake.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bowl-with-salmon-rice-fresh-vegetables-poke-top-view-vertical_127032-2415.jpg?_wi=1",
|
||||
imageAlt: "luxury restaurant brunch setting coastal",
|
||||
},
|
||||
name: "Marco P.", handle: "@marco_civit", testimonial: "Super fluffy pancake.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bowl-with-salmon-rice-fresh-vegetables-poke-top-view-vertical_127032-2415.jpg?_wi=1", imageAlt: "luxury restaurant brunch setting coastal"},
|
||||
{
|
||||
name: "Giulia B.",
|
||||
handle: "@giuliab",
|
||||
testimonial: "Modern, clean and welcoming.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-dining-room-with-elegant-chandelier-lighting-generated-by-ai_188544-21199.jpg",
|
||||
imageAlt: "luxury restaurant brunch setting coastal",
|
||||
},
|
||||
name: "Giulia B.", handle: "@giuliab", testimonial: "Modern, clean and welcoming.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-dining-room-with-elegant-chandelier-lighting-generated-by-ai_188544-21199.jpg", imageAlt: "luxury restaurant brunch setting coastal"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve a Table",
|
||||
href: "#reserve",
|
||||
},
|
||||
text: "Reserve a Table", href: "#reserve"},
|
||||
{
|
||||
text: "Explore Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "Explore Menu", href: "#menu"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/scenic-view-private-sandy-beach-with-sun-beds-parasokamy-sea-mountains-resort_146671-18839.jpg?_wi=2"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-happy-people-table_23-2149212128.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-happy-people-table_23-2149212128.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-american-male-female-eating-vegan-food-restaurant_613910-7323.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/black-american-male-female-eating-vegan-food-restaurant_613910-7323.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-smiley-people-with-drinks_23-2150124809.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-smiley-people-with-drinks_23-2150124809.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/having-lunch-spacious-restaurant_52683-117480.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/having-lunch-spacious-restaurant_52683-117480.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-woman-showing-menu-card-female-customer-sitting-restaurant_23-2147936254.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-woman-showing-menu-card-female-customer-sitting-restaurant_23-2147936254.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -137,26 +92,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Signature",
|
||||
title: "Brunch",
|
||||
subtitle: "All Day",
|
||||
description: "Fluffy pancakes and artisanal Mediterranean breakfast creations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/texture-glass-table-table-setting-idea_169016-18539.jpg?_wi=2",
|
||||
},
|
||||
tag: "Signature", title: "Brunch", subtitle: "All Day", description: "Fluffy pancakes and artisanal Mediterranean breakfast creations.", imageSrc: "http://img.b2bpic.net/free-photo/texture-glass-table-table-setting-idea_169016-18539.jpg?_wi=2"},
|
||||
{
|
||||
tag: "Gourmet",
|
||||
title: "Burgers",
|
||||
subtitle: "Handcrafted",
|
||||
description: "Premium ingredients meet bold culinary innovation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lamb-chicken-burger-without-top-bun-with-mushroom-herbs-tomato-sauce_140725-8320.jpg?_wi=2",
|
||||
},
|
||||
tag: "Gourmet", title: "Burgers", subtitle: "Handcrafted", description: "Premium ingredients meet bold culinary innovation.", imageSrc: "http://img.b2bpic.net/free-photo/lamb-chicken-burger-without-top-bun-with-mushroom-herbs-tomato-sauce_140725-8320.jpg?_wi=2"},
|
||||
{
|
||||
tag: "Fresh",
|
||||
title: "Pokè",
|
||||
subtitle: "Vibrant",
|
||||
description: "Fresh, nutrient-dense bowls inspired by the sea.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bowl-with-salmon-rice-fresh-vegetables-poke-top-view-vertical_127032-2415.jpg?_wi=2",
|
||||
},
|
||||
tag: "Fresh", title: "Pokè", subtitle: "Vibrant", description: "Fresh, nutrient-dense bowls inspired by the sea.", imageSrc: "http://img.b2bpic.net/free-photo/bowl-with-salmon-rice-fresh-vegetables-poke-top-view-vertical_127032-2415.jpg?_wi=2"},
|
||||
]}
|
||||
title="Our Signature Experience"
|
||||
description="Discover a curated journey of flavor and coastal Mediterranean flair."
|
||||
@@ -169,19 +109,13 @@ export default function LandingPage() {
|
||||
title="A Destination Reimagined"
|
||||
metrics={[
|
||||
{
|
||||
label: "Local Ingredients",
|
||||
value: "100%",
|
||||
icon: Leaf,
|
||||
label: "Local Ingredients", value: "100%", icon: Leaf,
|
||||
},
|
||||
{
|
||||
label: "Seaside Location",
|
||||
value: "50m",
|
||||
icon: Waves,
|
||||
label: "Seaside Location", value: "50m", icon: Waves,
|
||||
},
|
||||
{
|
||||
label: "Happy Guests",
|
||||
value: "10k+",
|
||||
icon: Heart,
|
||||
label: "Happy Guests", value: "10k+", icon: Heart,
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
@@ -196,41 +130,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Octopus Burger",
|
||||
price: "€18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-person-near-burger-plate-holding-jar-with-butter_23-2148784521.jpg",
|
||||
},
|
||||
id: "1", name: "Octopus Burger", price: "€18", imageSrc: "http://img.b2bpic.net/free-photo/front-view-person-near-burger-plate-holding-jar-with-butter_23-2148784521.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Signature Pokè",
|
||||
price: "€16",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-assortment-delicious-poke-bowl_23-2148873823.jpg",
|
||||
},
|
||||
id: "2", name: "Signature Pokè", price: "€16", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-assortment-delicious-poke-bowl_23-2148873823.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Fluffy Pancakes",
|
||||
price: "€12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-breakfast-crepes-with-jam-bed_23-2148797010.jpg",
|
||||
},
|
||||
id: "3", name: "Fluffy Pancakes", price: "€12", imageSrc: "http://img.b2bpic.net/free-photo/top-view-breakfast-crepes-with-jam-bed_23-2148797010.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Classic Gourmet",
|
||||
price: "€15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-burgers-with-pickles-cutting-board_23-2148784500.jpg",
|
||||
},
|
||||
id: "4", name: "Classic Gourmet", price: "€15", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-burgers-with-pickles-cutting-board_23-2148784500.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Brunch Platter",
|
||||
price: "€22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ceramic-plate-toast-fried-egg-bacon-salad-ceramic-plate-wooden-desk_23-2148067226.jpg",
|
||||
},
|
||||
id: "5", name: "Brunch Platter", price: "€22", imageSrc: "http://img.b2bpic.net/free-photo/ceramic-plate-toast-fried-egg-bacon-salad-ceramic-plate-wooden-desk_23-2148067226.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Oceanic Bowl",
|
||||
price: "€19",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hawaiian-poke-bowl-with-salmon-bowl-with-seaweed-sesame-seeds-cabbage-top-view-flat-lay-banner_127032-2490.jpg",
|
||||
},
|
||||
id: "6", name: "Oceanic Bowl", price: "€19", imageSrc: "http://img.b2bpic.net/free-photo/hawaiian-poke-bowl-with-salmon-bowl-with-seaweed-sesame-seeds-cabbage-top-view-flat-lay-banner_127032-2490.jpg"},
|
||||
]}
|
||||
title="Curated Flavors"
|
||||
description="From ocean-fresh pokè to gourmet burgers."
|
||||
@@ -245,45 +155,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sofia R.",
|
||||
role: "Traveler",
|
||||
company: "Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-having-fun-while-eating-dinner-communicating-with-friends-dining-table_637285-3342.jpg",
|
||||
},
|
||||
id: "1", name: "Sofia R.", role: "Traveler", company: "Visitor", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-woman-having-fun-while-eating-dinner-communicating-with-friends-dining-table_637285-3342.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Luca M.",
|
||||
role: "Foodie",
|
||||
company: "Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-eating-donut-talking-her-boyfriend-cafe_637285-9080.jpg",
|
||||
},
|
||||
id: "2", name: "Luca M.", role: "Foodie", company: "Local", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-eating-donut-talking-her-boyfriend-cafe_637285-9080.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena V.",
|
||||
role: "Writer",
|
||||
company: "Journal",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081466.jpg",
|
||||
},
|
||||
id: "3", name: "Elena V.", role: "Writer", company: "Journal", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081466.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marco P.",
|
||||
role: "Chef",
|
||||
company: "Critic",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-mother-daughter-side-view_23-2149854624.jpg",
|
||||
},
|
||||
id: "4", name: "Marco P.", role: "Chef", company: "Critic", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-mother-daughter-side-view_23-2149854624.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Giulia B.",
|
||||
role: "Manager",
|
||||
company: "Corporate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-sangria-party-by-beach_23-2149481120.jpg",
|
||||
},
|
||||
id: "5", name: "Giulia B.", role: "Manager", company: "Corporate", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-sangria-party-by-beach_23-2149481120.jpg"},
|
||||
]}
|
||||
title="Stories from the Table"
|
||||
description="Hear what our wonderful guests have to say about their KORA experience."
|
||||
@@ -295,14 +180,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"@kora_civitavecchia",
|
||||
"Fresh Food Daily",
|
||||
"Seaside Dining",
|
||||
"Gourmet Burgers",
|
||||
"Brunch Lovers",
|
||||
"Poke Perfection",
|
||||
"Join Us Today",
|
||||
]}
|
||||
"@kora_civitavecchia", "Fresh Food Daily", "Seaside Dining", "Gourmet Burgers", "Brunch Lovers", "Poke Perfection", "Join Us Today"]}
|
||||
title="Join the Kora Vibe"
|
||||
description="Follow us on Instagram for daily brunch inspiration."
|
||||
/>
|
||||
@@ -314,20 +192,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Where are we located?",
|
||||
content: "Just steps away from the Civitavecchia cruise port.",
|
||||
},
|
||||
id: "q1", title: "Where are we located?", content: "Just steps away from the Civitavecchia cruise port."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Operating Hours?",
|
||||
content: "Open daily from 9:00 AM to 11:00 PM.",
|
||||
},
|
||||
id: "q2", title: "Operating Hours?", content: "Open daily from 9:00 AM to 11:00 PM."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer delivery?",
|
||||
content: "Yes, through our primary partner apps.",
|
||||
},
|
||||
id: "q3", title: "Do you offer delivery?", content: "Yes, through our primary partner apps."},
|
||||
{
|
||||
id: "q4", title: "How do I book a table?", content: "Click the Reserve button above to secure your table."},
|
||||
]}
|
||||
title="Visit Us"
|
||||
description="Conveniently located near the sea and cruise port."
|
||||
@@ -342,25 +213,13 @@ export default function LandingPage() {
|
||||
description="Secure your spot at Civitavecchia’s favorite brunch destination."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Email Address"},
|
||||
{
|
||||
name: "guests",
|
||||
type: "number",
|
||||
placeholder: "Number of Guests",
|
||||
},
|
||||
name: "guests", type: "number", placeholder: "Number of Guests"},
|
||||
{
|
||||
name: "date",
|
||||
type: "date",
|
||||
placeholder: "Reservation Date",
|
||||
},
|
||||
name: "date", type: "date", placeholder: "Reservation Date"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/glass-beer-with-beautiful-tropical-maldives-island_1232-4472.jpg"
|
||||
/>
|
||||
@@ -370,29 +229,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "KORA",
|
||||
items: [
|
||||
title: "KORA", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Reserve",
|
||||
items: [
|
||||
title: "Reserve", items: [
|
||||
{
|
||||
label: "Book Table",
|
||||
href: "#reserve",
|
||||
},
|
||||
label: "Book Table", href: "#reserve"},
|
||||
{
|
||||
label: "Events",
|
||||
href: "#",
|
||||
},
|
||||
label: "Events", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #F6F1EA;
|
||||
--card: #FFFFFF;
|
||||
--foreground: #121212;
|
||||
--primary-cta: #B46A3C;
|
||||
--primary-cta-text: #FFFFFF;
|
||||
--secondary-cta: #121212;
|
||||
--secondary-cta-text: #FFFFFF;
|
||||
--accent: #D4AF37;
|
||||
--background-accent: #D9C2A3;
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000f06e6;
|
||||
--primary-cta: #0a7039;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta-text: #000f06e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user