Merge version_1 into main #2
300
src/app/page.tsx
300
src/app/page.tsx
@@ -32,28 +32,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Country House"
|
||||
button={{
|
||||
text: "Order Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Order Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -61,37 +46,13 @@ export default function LandingPage() {
|
||||
<HeroCarouselLogo
|
||||
logoText="Country House Cafe"
|
||||
description="Coffee First. Chaos Later."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book a Table", href: "#contact" }, { text: "Order Now", href: "#menu" }]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-coffee-cup-dual-background_23-2147906595.jpg?_wi=1",
|
||||
imageAlt: "cozy urban cafe interior warm lighting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-composition-with-cup-jar-wooden-board_23-2147671459.jpg",
|
||||
imageAlt: "Coffee composition with cup and jar on wooden board",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-white-cup-dual-background_23-2147906593.jpg",
|
||||
imageAlt: "Coffee in white cup on dual background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-iced-coffee-beans-arrangement_23-2149600673.jpg",
|
||||
imageAlt: "Delicious iced coffee and beans arrangement",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-hot-coffee-with-cinnamon-sticks-wood-piece_114579-66477.jpg",
|
||||
imageAlt: "Cup of hot coffee with cinnamon sticks on wood piece.",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-coffee-cup-dual-background_23-2147906595.jpg", imageAlt: "cozy urban cafe interior warm lighting" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/coffee-composition-with-cup-jar-wooden-board_23-2147671459.jpg", imageAlt: "Coffee composition with cup and jar on wooden board" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/coffee-white-cup-dual-background_23-2147906593.jpg", imageAlt: "Coffee in white cup on dual background" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-iced-coffee-beans-arrangement_23-2149600673.jpg", imageAlt: "Delicious iced coffee and beans arrangement" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cup-hot-coffee-with-cinnamon-sticks-wood-piece_114579-66477.jpg", imageAlt: "Cup of hot coffee with cinnamon sticks on wood piece." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,21 +62,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Our Story"
|
||||
metrics={[
|
||||
{
|
||||
icon: Coffee,
|
||||
label: "Coffee Varieties",
|
||||
value: "24+",
|
||||
},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Urban Locations",
|
||||
value: "3",
|
||||
},
|
||||
{
|
||||
icon: Smile,
|
||||
label: "Happy Clients",
|
||||
value: "5k+",
|
||||
},
|
||||
{ icon: Coffee, label: "Coffee Varieties", value: "24+" },
|
||||
{ icon: MapPin, label: "Urban Locations", value: "3" },
|
||||
{ icon: Smile, label: "Happy Clients", value: "5k+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -128,48 +77,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic Espresso",
|
||||
price: "$3.50",
|
||||
variant: "Hot",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-coffee-with-delicious-cookies-wooden-table_23-2148209303.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Flat White",
|
||||
price: "$4.50",
|
||||
variant: "Hot",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-cappuccino-coffee-with-morning-snack_23-2148441208.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Pour Over",
|
||||
price: "$5.00",
|
||||
variant: "Brew",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-pouring-milk-into-coffee-cup_23-2149600729.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Iced Matcha",
|
||||
price: "$5.50",
|
||||
variant: "Cold",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorated-glasses-colourful-green-beverage_23-2148209386.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Dark Chocolate",
|
||||
price: "$4.75",
|
||||
variant: "Hot",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-cinnamon-sticks-chocolate-cookies-wooden-board_181624-59314.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Fresh Lemonade",
|
||||
price: "$4.00",
|
||||
variant: "Cold",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lime-slice-with-peppermint-leaf-umbrella_23-2148145322.jpg",
|
||||
},
|
||||
{ id: "1", name: "Classic Espresso", price: "$3.50", variant: "Hot", imageSrc: "http://img.b2bpic.net/free-photo/tasty-coffee-with-delicious-cookies-wooden-table_23-2148209303.jpg" },
|
||||
{ id: "2", name: "Flat White", price: "$4.50", variant: "Hot", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-cappuccino-coffee-with-morning-snack_23-2148441208.jpg" },
|
||||
{ id: "3", name: "Pour Over", price: "$5.00", variant: "Brew", imageSrc: "http://img.b2bpic.net/free-photo/hand-pouring-milk-into-coffee-cup_23-2149600729.jpg" },
|
||||
{ id: "4", name: "Iced Matcha", price: "$5.50", variant: "Cold", imageSrc: "http://img.b2bpic.net/free-photo/decorated-glasses-colourful-green-beverage_23-2148209386.jpg" },
|
||||
{ id: "5", name: "Dark Chocolate", price: "$4.75", variant: "Hot", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-cinnamon-sticks-chocolate-cookies-wooden-board_181624-59314.jpg" },
|
||||
{ id: "6", name: "Fresh Lemonade", price: "$4.00", variant: "Cold", imageSrc: "http://img.b2bpic.net/free-photo/lime-slice-with-peppermint-leaf-umbrella_23-2148145322.jpg" },
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="Premium handcrafted drinks for your daily rhythm."
|
||||
@@ -183,49 +96,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Ethically Sourced",
|
||||
description: "Beans picked with care from small farms.",
|
||||
icon: Shield,
|
||||
title: "Ethically Sourced", description: "Beans picked with care from small farms.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-is-preparing-coffee-with-milk_140725-8113.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-daiquiri-cocktail-with-cherry_23-2149418278.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-coffee-cup-dual-background_23-2147906595.jpg?_wi=2",
|
||||
imageAlt: "latte art close up top view",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/barista-is-preparing-coffee-with-milk_140725-8113.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-daiquiri-cocktail-with-cherry_23-2149418278.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Artisanal Preparation",
|
||||
description: "Every cup crafted with perfection in mind.",
|
||||
icon: Coffee,
|
||||
title: "Artisanal Preparation", description: "Every cup crafted with perfection in mind.", icon: Coffee,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-brew-maker-jar-freshness_1203-3928.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-french-breakfast-with-croissant_23-2150408512.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-coffee-with-delicious-cookies-wooden-table_23-2148209303.jpg?_wi=2",
|
||||
imageAlt: "latte art close up top view",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/brown-brew-maker-jar-freshness_1203-3928.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-french-breakfast-with-croissant_23-2150408512.jpg" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Cozy Atmosphere",
|
||||
description: "Perfectly designed for remote work or relaxation.",
|
||||
icon: Home,
|
||||
title: "Cozy Atmosphere", description: "Perfectly designed for remote work or relaxation.", icon: Home,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cup-with-delicious-coffee-table_23-2149703757.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-smelling-coffee_23-2148865616.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-cappuccino-coffee-with-morning-snack_23-2148441208.jpg?_wi=2",
|
||||
imageAlt: "latte art close up top view",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cup-with-delicious-coffee_23-2149703757.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-smelling-coffee_23-2148865616.jpg" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Our Specialty"
|
||||
@@ -240,27 +129,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99%",
|
||||
title: "Satisfaction",
|
||||
description: "Customer approval rating",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12k",
|
||||
title: "Coffee Cups",
|
||||
description: "Served monthly",
|
||||
icon: Coffee,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.9",
|
||||
title: "Review Score",
|
||||
description: "Average global rating",
|
||||
icon: Star,
|
||||
},
|
||||
{ id: "m1", value: "99%", title: "Satisfaction", description: "Customer approval rating", icon: Award },
|
||||
{ id: "m2", value: "12k", title: "Coffee Cups", description: "Served monthly", icon: Coffee },
|
||||
{ id: "m3", value: "4.9", title: "Review Score", description: "Average global rating", icon: Star },
|
||||
]}
|
||||
title="Cafe Metrics"
|
||||
description="The numbers behind our success."
|
||||
@@ -273,41 +144,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The best cafe vibe in the city, coffee is amazing!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-drinks-coffee-cafe_1157-17247.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
handle: "@markd",
|
||||
testimonial: "My favorite place to work remotely, quiet and warm.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-restaurant_23-2148395381.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
handle: "@emilyr",
|
||||
testimonial: "Love the minimalist decor and the flat white is perfection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-coffee-spacious-cafeteria_23-2150424026.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
handle: "@davidk",
|
||||
testimonial: "Always consistent quality, the best local spot.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-creative-people-analyzing-result-work_329181-15528.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa B.",
|
||||
handle: "@lisab",
|
||||
testimonial: "Fantastic atmosphere, friendly staff, great music.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-woman-holds-cup-coffee-prepare-drinks-clients-cafe-working-s_1258-138290.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "The best cafe vibe in the city, coffee is amazing!", imageSrc: "http://img.b2bpic.net/free-photo/woman-drinks-coffee-cafe_1157-17247.jpg" },
|
||||
{ id: "2", name: "Mark D.", handle: "@markd", testimonial: "My favorite place to work remotely, quiet and warm.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-restaurant_23-2148395381.jpg" },
|
||||
{ id: "3", name: "Emily R.", handle: "@emilyr", testimonial: "Love the minimalist decor and the flat white is perfection.", imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-coffee-spacious-cafeteria_23-2150424026.jpg" },
|
||||
{ id: "4", name: "David K.", handle: "@davidk", testimonial: "Always consistent quality, the best local spot.", imageSrc: "http://img.b2bpic.net/free-photo/group-creative-people-analyzing-result-work_329181-15528.jpg" },
|
||||
{ id: "5", name: "Lisa B.", handle: "@lisab", testimonial: "Fantastic atmosphere, friendly staff, great music.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-woman-holds-cup-coffee-prepare-drinks-clients-cafe-working-s_1258-138290.jpg" },
|
||||
]}
|
||||
title="Words from Locals"
|
||||
description="What our wonderful community says about us."
|
||||
@@ -318,21 +159,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is there Wi-Fi?",
|
||||
content: "Yes, we provide high-speed, free Wi-Fi for all guests.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer vegan options?",
|
||||
content: "Absolutely! We have plant-based milk and snack options.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can we reserve tables?",
|
||||
content: "Yes, please use our booking form or call us in advance.",
|
||||
},
|
||||
{ id: "f1", title: "Is there Wi-Fi?", content: "Yes, we provide high-speed, free Wi-Fi for all guests." },
|
||||
{ id: "f2", title: "Do you offer vegan options?", content: "Absolutely! We have plant-based milk and snack options." },
|
||||
{ id: "f3", title: "Can we reserve tables?", content: "Yes, please use our booking form or call us in advance." },
|
||||
]}
|
||||
sideTitle="FAQs"
|
||||
sideDescription="Common queries answered."
|
||||
@@ -343,18 +172,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Book a Table"
|
||||
description="Ready for your next coffee break? Reserve your spot today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Now",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Reserve Now", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -363,36 +185,8 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cup-fresh-milk-with-spoon-white-desk_23-2148283720.jpg"
|
||||
logoText="Country House Cafe"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navigation", items: [{ label: "Menu", href: "#menu" }, { label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user