Update src/app/page.tsx
This commit is contained in:
257
src/app/page.tsx
257
src/app/page.tsx
@@ -32,144 +32,82 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Cubn Island"
|
||||
button={{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Visit Us", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Escape to Cubn Island Cafe"
|
||||
description="Where island tranquility meets the finest ethically sourced brews. Experience a slice of paradise in every cup."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-straw-hat-using-lap-top-while-traveling-asia-working-remotely-stylish-tropical-cafe-holding-exotic-beverage_273443-5368.jpg",
|
||||
imageAlt: "Cafe atmosphere",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-straw-hat-using-lap-top-while-traveling-asia-working-remotely-stylish-tropical-cafe-holding-exotic-beverage_273443-5368.jpg", imageAlt: "Cafe atmosphere"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegan-dairy-free-drink_23-2151920777.jpg",
|
||||
imageAlt: "Coffee service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegan-dairy-free-drink_23-2151920777.jpg", imageAlt: "Coffee service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-chair-table_1339-4302.jpg",
|
||||
imageAlt: "Cafe decor",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-chair-table_1339-4302.jpg", imageAlt: "Cafe decor"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-ai-generated_23-2150691757.jpg",
|
||||
imageAlt: "Beverage focus",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-ai-generated_23-2150691757.jpg", imageAlt: "Beverage focus"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-cafe-with-brick-walls_53876-32361.jpg",
|
||||
imageAlt: "Interior view",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-cafe-with-brick-walls_53876-32361.jpg", imageAlt: "Interior view"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-irish-cream-coffee-liqueur-with-ice-wooden-table_123827-29679.jpg",
|
||||
imageAlt: "Island vibe",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-irish-cream-coffee-liqueur-with-ice-wooden-table_123827-29679.jpg", imageAlt: "Island vibe"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-cup-with-grains-spoons_23-2148173498.jpg",
|
||||
imageAlt: "Coffee brewing",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-cup-with-grains-spoons_23-2148173498.jpg", imageAlt: "Coffee brewing"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scene-with-diverse-young-people-being-digital-nomads-working-remotely-from-dreamy-locations_23-2151187843.jpg",
|
||||
imageAlt: "Cafe furniture",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scene-with-diverse-young-people-being-digital-nomads-working-remotely-from-dreamy-locations_23-2151187843.jpg", imageAlt: "Cafe furniture"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-dark-roasted-coffee-beans-falling-out-glass-jar-white-wooden-background_141793-27570.jpg",
|
||||
imageAlt: "Espresso shot",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-dark-roasted-coffee-beans-falling-out-glass-jar-white-wooden-background_141793-27570.jpg", imageAlt: "Espresso shot"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-assortment_23-2149086041.jpg",
|
||||
imageAlt: "Tropical plants",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-indian-dosa-assortment_23-2149086041.jpg", imageAlt: "Tropical plants"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pina-colada-cocktail_23-2150143192.jpg",
|
||||
imageAlt: "Smoothie pour",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-pina-colada-cocktail_23-2150143192.jpg", imageAlt: "Smoothie pour"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-wooden-rocking-chair-wooden-patio_181624-60471.jpg",
|
||||
imageAlt: "Cozy space",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-wooden-rocking-chair-wooden-patio_181624-60471.jpg", imageAlt: "Cozy space"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "Explore Menu", href: "#menu"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-young-woman-using-smart-phone-luxury-restaurant_23-2147936113.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/african-american-young-woman-using-smart-phone-luxury-restaurant_23-2147936113.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/scene-with-diverse-young-people-being-digital-nomads-working-remotely-from-dreamy-locations_23-2151187851.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/scene-with-diverse-young-people-being-digital-nomads-working-remotely-from-dreamy-locations_23-2151187851.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mid-section-woman-drinking-tea-standing-balcony_1098-20817.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mid-section-woman-drinking-tea-standing-balcony_1098-20817.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman-starts-her-morning-with-mug-coffee-drinking-tea-from-cup-standing_1258-193587.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman-starts-her-morning-with-mug-coffee-drinking-tea-from-cup-standing_1258-193587.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12094.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12094.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Join our community of island coffee lovers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/painted-cup-coffee-tea-old-chalkboard-love-vale_1220-803.jpg",
|
||||
alt: "Logo 1",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/painted-cup-coffee-tea-old-chalkboard-love-vale_1220-803.jpg", alt: "Logo 1"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/crop-hand-with-eco-leaves-symbol_23-2147826226.jpg",
|
||||
alt: "Logo 2",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/crop-hand-with-eco-leaves-symbol_23-2147826226.jpg", alt: "Logo 2"},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cxj0or",
|
||||
alt: "Logo 3",
|
||||
},
|
||||
type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cxj0or", alt: "Logo 3"},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lbuesv",
|
||||
alt: "Logo 4",
|
||||
},
|
||||
type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lbuesv", alt: "Logo 4"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/international-tea-day-text-banner-design_1308-127991.jpg",
|
||||
alt: "Logo 5",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/international-tea-day-text-banner-design_1308-127991.jpg", alt: "Logo 5"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -195,41 +133,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic Croissant",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cake-dessert-with-coconut-candies-dark-surface-cake-pie-dessert-sweet-candy-tea_140725-117712.jpg",
|
||||
},
|
||||
id: "1", name: "Classic Croissant", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-cake-dessert-with-coconut-candies-dark-surface-cake-pie-dessert-sweet-candy-tea_140725-117712.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Signature Latte",
|
||||
price: "$5.75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-coffee-cup_23-2148892840.jpg",
|
||||
},
|
||||
id: "2", name: "Signature Latte", price: "$5.75", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-coffee-cup_23-2148892840.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Tropical Smoothie",
|
||||
price: "$7.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-drink-with-ice-cubes-long-umbrella-decorated-glass_23-2148145349.jpg",
|
||||
},
|
||||
id: "3", name: "Tropical Smoothie", price: "$7.00", imageSrc: "http://img.b2bpic.net/free-photo/blue-drink-with-ice-cubes-long-umbrella-decorated-glass_23-2148145349.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Avocado Toast",
|
||||
price: "$9.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-with-avocado-seeds-toast_23-2148574585.jpg",
|
||||
},
|
||||
id: "4", name: "Avocado Toast", price: "$9.50", imageSrc: "http://img.b2bpic.net/free-photo/plate-with-avocado-seeds-toast_23-2148574585.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chocolate Muffin",
|
||||
price: "$3.75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cookies-candy-bowls-cup-tea_114579-44715.jpg",
|
||||
},
|
||||
id: "5", name: "Chocolate Muffin", price: "$3.75", imageSrc: "http://img.b2bpic.net/free-photo/cookies-candy-bowls-cup-tea_114579-44715.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Iced Island Tea",
|
||||
price: "$4.25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ice-tea-wooden-table-green-garden-relax-with-beverage-nature-concept_1150-13521.jpg",
|
||||
},
|
||||
id: "6", name: "Iced Island Tea", price: "$4.25", imageSrc: "http://img.b2bpic.net/free-photo/ice-tea-wooden-table-green-garden-relax-with-beverage-nature-concept_1150-13521.jpg"},
|
||||
]}
|
||||
title="Island Favorites"
|
||||
description="Hand-crafted pastries and specialty brews designed for your perfect island morning."
|
||||
@@ -243,53 +157,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarah_m",
|
||||
testimonial: "The best coffee in the city! Love the island vibes.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-dreamy-smiling-young-woman-drinks-coffee-looks-thoughtful-stands-kitchen_1258-198166.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", handle: "@sarah_m", testimonial: "The best coffee in the city! Love the island vibes.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-dreamy-smiling-young-woman-drinks-coffee-looks-thoughtful-stands-kitchen_1258-198166.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Wu",
|
||||
handle: "@david_wu",
|
||||
testimonial: "My daily routine starts with a Cubn latte.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carefree-girls-cafe_1098-14378.jpg",
|
||||
},
|
||||
id: "2", name: "David Wu", handle: "@david_wu", testimonial: "My daily routine starts with a Cubn latte.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carefree-girls-cafe_1098-14378.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@elena_r",
|
||||
testimonial: "Avocado toast is divine. So fresh and healthy.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cup_23-2149303937.jpg",
|
||||
},
|
||||
id: "3", name: "Elena Rodriguez", handle: "@elena_r", testimonial: "Avocado toast is divine. So fresh and healthy.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cup_23-2149303937.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark Stevens",
|
||||
handle: "@mark_s",
|
||||
testimonial: "Very friendly staff and consistent quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-women-speaking-cafe_23-2147785300.jpg",
|
||||
},
|
||||
id: "4", name: "Mark Stevens", handle: "@mark_s", testimonial: "Very friendly staff and consistent quality.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-women-speaking-cafe_23-2147785300.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sophie Clark",
|
||||
handle: "@sophie_c",
|
||||
testimonial: "A true hidden gem for breakfast lovers.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-with-orange-juice_1157-32296.jpg",
|
||||
},
|
||||
id: "5", name: "Sophie Clark", handle: "@sophie_c", testimonial: "A true hidden gem for breakfast lovers.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-with-orange-juice_1157-32296.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Liam Jones",
|
||||
handle: "@liam_j",
|
||||
testimonial: "Love the atmosphere and the music choices.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/good-day-only-with-good-coffee_329181-2927.jpg",
|
||||
},
|
||||
id: "6", name: "Liam Jones", handle: "@liam_j", testimonial: "Love the atmosphere and the music choices.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/good-day-only-with-good-coffee_329181-2927.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Voices of Cubn Island"
|
||||
@@ -303,20 +187,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer vegan options?",
|
||||
content: "Yes, we feature several vegan pastry and milk alternatives.",
|
||||
},
|
||||
id: "q1", title: "Do you offer vegan options?", content: "Yes, we feature several vegan pastry and milk alternatives."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you have free Wi-Fi?",
|
||||
content: "Yes, high-speed Wi-Fi is available for all guests.",
|
||||
},
|
||||
id: "q2", title: "Do you have free Wi-Fi?", content: "Yes, high-speed Wi-Fi is available for all guests."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are you dog friendly?",
|
||||
content: "Absolutely! We welcome dogs on our outdoor terrace.",
|
||||
},
|
||||
id: "q3", title: "Are you dog friendly?", content: "Absolutely! We welcome dogs on our outdoor garden terrace."},
|
||||
]}
|
||||
title="Common Inquiries"
|
||||
description="Find answers to our most popular questions."
|
||||
@@ -329,14 +204,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Microsoft",
|
||||
"Google",
|
||||
"Apple",
|
||||
"Nike",
|
||||
"Adidas",
|
||||
"Tesla",
|
||||
"Amazon",
|
||||
]}
|
||||
"Microsoft", "Google", "Apple", "Nike", "Adidas", "Tesla", "Amazon"]}
|
||||
title="Trusted Partners"
|
||||
description="Collaborating with quality-focused brands."
|
||||
/>
|
||||
@@ -346,8 +214,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Find Your Island Escape"
|
||||
description="Drop by for a coffee or reach out for inquiries."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pretty-fashion-model-red-sunglasses-works-with-her-tablet-sitting-cafe_8353-5106.jpg"
|
||||
@@ -360,25 +227,17 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Visit Us", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -388,4 +247,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user