Merge version_2 into main #1
202
src/app/page.tsx
202
src/app/page.tsx
@@ -14,6 +14,13 @@ import TestimonialCardTwelve from '@/components/sections/testimonial/Testimonial
|
||||
import { Coffee } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
const scrollToSection = (id: string) => {
|
||||
const element = document.getElementById(id);
|
||||
if (element) {
|
||||
element.scrollIntoView({ behavior: "smooth" });
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
@@ -32,21 +39,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "experience",
|
||||
},
|
||||
name: "Experience", id: "experience"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Location",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Location", id: "contact"},
|
||||
]}
|
||||
brandName="Cafe Alma"
|
||||
/>
|
||||
@@ -58,39 +57,25 @@ export default function LandingPage() {
|
||||
description="Fresh pastries. Smooth espresso. A place you’ll want to come back to tomorrow."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
text: "View Menu", onClick: () => scrollToSection("menu"),
|
||||
},
|
||||
{
|
||||
text: "Visit Us Today",
|
||||
href: "#contact",
|
||||
text: "Visit Us Today", onClick: () => scrollToSection("contact"),
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-art-coffee-cappuccino-cup-wooden-table-background-with-copy-space_1150-10237.jpg",
|
||||
imageAlt: "Fresh espresso",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-art-coffee-cappuccino-cup-wooden-table-background-with-copy-space_1150-10237.jpg", imageAlt: "Fresh espresso"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-fruits-table_23-2148482398.jpg",
|
||||
imageAlt: "Portuguese custard tart",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-fruits-table_23-2148482398.jpg", imageAlt: "Portuguese custard tart"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-coffee_23-2148395337.jpg",
|
||||
imageAlt: "Social coffee moments",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-having-coffee_23-2148395337.jpg", imageAlt: "Social coffee moments"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-tea-cookies_23-2148832331.jpg",
|
||||
imageAlt: "Cafe interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-tea-cookies_23-2148832331.jpg", imageAlt: "Cafe interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-coffee-filter_23-2148349630.jpg",
|
||||
imageAlt: "Barista at work",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-coffee-filter_23-2148349630.jpg", imageAlt: "Barista at work"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-doner-bread-with-fries-pickled-cucumber-tomato_140725-3889.jpg",
|
||||
imageAlt: "Bifana sandwich",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-doner-bread-with-fries-pickled-cucumber-tomato_140725-3889.jpg", imageAlt: "Bifana sandwich"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,30 +86,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Authentic Flavors",
|
||||
description: "From custard tarts to bifanas, every recipe carries tradition.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/portugal-tourism-concept-icons-set-with-cuisine-culture-symbols-flat-isolated_1284-31947.jpg",
|
||||
},
|
||||
title: "Authentic Flavors", description: "From custard tarts to bifanas, every recipe carries tradition.", imageSrc: "http://img.b2bpic.net/free-vector/portugal-tourism-concept-icons-set-with-cuisine-culture-symbols-flat-isolated_1284-31947.jpg"},
|
||||
{
|
||||
title: "Made Fresh Daily",
|
||||
description: "Pastries crafted with care—flaky, rich, unforgettable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/bakery-food-pack_23-2147536078.jpg",
|
||||
},
|
||||
title: "Made Fresh Daily", description: "Pastries crafted with care—flaky, rich, unforgettable.", imageSrc: "http://img.b2bpic.net/free-vector/bakery-food-pack_23-2147536078.jpg"},
|
||||
{
|
||||
title: "A Place to Stay",
|
||||
description: "Cozy, lively, and perfect for catching up or slowing down.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-break-time-leisure-concept_53876-124485.jpg",
|
||||
},
|
||||
title: "A Place to Stay", description: "Cozy, lively, and perfect for catching up or slowing down.", imageSrc: "http://img.b2bpic.net/free-photo/coffee-break-time-leisure-concept_53876-124485.jpg"},
|
||||
{
|
||||
title: "Artisanal Coffee",
|
||||
description: "Premium beans roasted to perfection by local experts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/bright-flat-icons-set-with-traditional-portugal-attire-cuisine_1284-10099.jpg",
|
||||
},
|
||||
title: "Artisanal Coffee", description: "Premium beans roasted to perfection by local experts.", imageSrc: "http://img.b2bpic.net/free-vector/bright-flat-icons-set-with-traditional-portugal-attire-cuisine_1284-10099.jpg"},
|
||||
{
|
||||
title: "Cultural Heritage",
|
||||
description: "Experience the warmth of Portuguese soul in every cup.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/portugal-icons-set_98292-3424.jpg",
|
||||
},
|
||||
title: "Cultural Heritage", description: "Experience the warmth of Portuguese soul in every cup.", imageSrc: "http://img.b2bpic.net/free-vector/portugal-icons-set_98292-3424.jpg"},
|
||||
]}
|
||||
title="A Taste of Portugal"
|
||||
description="Every detail at Cafe Alma is crafted to transport you."
|
||||
@@ -139,41 +109,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Custard Tarts (Natas)",
|
||||
price: "$3.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sweet-dessert-with-tart-egg_74190-999.jpg",
|
||||
},
|
||||
id: "p1", name: "Custard Tarts (Natas)", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/sweet-dessert-with-tart-egg_74190-999.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Loaded Bifana",
|
||||
price: "$9.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-delicious-homemade-colombian-hamburger-table_181624-32903.jpg",
|
||||
},
|
||||
id: "p2", name: "Loaded Bifana", price: "$9.00", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-delicious-homemade-colombian-hamburger-table_181624-32903.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Lemon Raspberry Cake",
|
||||
price: "$5.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cake-charlotte-with-raspberries-plums_2829-5542.jpg",
|
||||
},
|
||||
id: "p3", name: "Lemon Raspberry Cake", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/cake-charlotte-with-raspberries-plums_2829-5542.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Snickers Latte",
|
||||
price: "$6.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pouring-milk-mix-latte-coffee-art_1232-2147.jpg",
|
||||
},
|
||||
id: "p4", name: "Snickers Latte", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/pouring-milk-mix-latte-coffee-art_1232-2147.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Sweet Bread",
|
||||
price: "$4.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/italian-bread-wooden-board_23-2147686512.jpg",
|
||||
},
|
||||
id: "p5", name: "Sweet Bread", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/italian-bread-wooden-board_23-2147686512.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Specialty Espresso",
|
||||
price: "$3.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-person-pouring-tea-milk-glass-table-with-cookies_181624-34980.jpg",
|
||||
},
|
||||
id: "p6", name: "Specialty Espresso", price: "$3.00", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-person-pouring-tea-milk-glass-table-with-cookies_181624-34980.jpg"},
|
||||
]}
|
||||
title="Featured Items"
|
||||
description="Signature treats that define our heritage."
|
||||
@@ -185,30 +131,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-asian-woman-with-smartphone-relaxing-cafe-sitting-enjoying-coffee-while-using-mobile-phone_1258-122952.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-asian-woman-with-smartphone-relaxing-cafe-sitting-enjoying-coffee-while-using-mobile-phone_1258-122952.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-pizza-slice_23-2148773528.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-pizza-slice_23-2148773528.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-male-model-holding-cup-coffee_23-2148760680.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-male-model-holding-cup-coffee_23-2148760680.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/therapist-taking-notes-mental-health-progress-with-adolescent_482257-124828.jpg",
|
||||
},
|
||||
id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/therapist-taking-notes-mental-health-progress-with-adolescent_482257-124828.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena Costa",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/peaceful-evening_1098-13993.jpg",
|
||||
},
|
||||
id: "5", name: "Elena Costa", imageSrc: "http://img.b2bpic.net/free-photo/peaceful-evening_1098-13993.jpg"},
|
||||
]}
|
||||
cardTitle="Loved by Locals"
|
||||
cardTag="Reviews"
|
||||
@@ -237,30 +168,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
description: "Authenticity",
|
||||
},
|
||||
id: "m1", value: "100%", description: "Authenticity"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Daily",
|
||||
description: "Freshly Baked",
|
||||
},
|
||||
id: "m2", value: "Daily", description: "Freshly Baked"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Late",
|
||||
description: "Night Vibes",
|
||||
},
|
||||
id: "m3", value: "Late", description: "Night Vibes"},
|
||||
{
|
||||
id: "m4",
|
||||
value: "Artisan",
|
||||
description: "Roasted Beans",
|
||||
},
|
||||
id: "m4", value: "Artisan", description: "Roasted Beans"},
|
||||
{
|
||||
id: "m5",
|
||||
value: "Open",
|
||||
description: "Every Day",
|
||||
},
|
||||
id: "m5", value: "Open", description: "Every Day"},
|
||||
]}
|
||||
title="More Than a Café"
|
||||
description="Coffee in the morning. Wine, cocktails, and conversation at night."
|
||||
@@ -274,15 +190,9 @@ export default function LandingPage() {
|
||||
description="Your favorite neighborhood spot awaits. Find us at the corner of 5th and Main."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Your Email"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bicycle-parked-outside-shop_53876-23379.jpg"
|
||||
/>
|
||||
@@ -292,33 +202,21 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#experience",
|
||||
},
|
||||
label: "About", href: "#experience"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -328,4 +226,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user