Merge version_1 into main #2
222
src/app/page.tsx
222
src/app/page.tsx
@@ -28,70 +28,27 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Casita Coffee"
|
||||
button={{ text: "Order Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Welcome to Casita Coffee"
|
||||
description="Where every sip feels like home. Experience the warmth of neighborhood coffee with a Latin twist."
|
||||
tag="Your Cozy Corner"
|
||||
buttons={[
|
||||
{
|
||||
text: "See Our Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
text: "Order Online",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "See Our Menu", href: "#menu" }, { text: "Order Online", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/therapist-taking-notes-mental-health-progress-with-adolescent_482257-124828.jpg?_wi=1",
|
||||
imageAlt: "Cozy cafe interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-having-coffee-cafe_1328-4395.jpg?_wi=1",
|
||||
imageAlt: "Artisan latte art",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-business-owner-cleaning-up-coffee-shop_23-2149458148.jpg?_wi=1",
|
||||
imageAlt: "Friendly atmosphere",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/therapist-taking-notes-mental-health-progress-with-adolescent_482257-124828.jpg?_wi=2",
|
||||
imageAlt: "Warm coffee shop corner",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-having-coffee-cafe_1328-4395.jpg?_wi=2",
|
||||
imageAlt: "Delicious pastry selection",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-business-owner-cleaning-up-coffee-shop_23-2149458148.jpg?_wi=2",
|
||||
imageAlt: "Barista service",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/therapist-taking-notes-mental-health-progress-with-adolescent_482257-124828.jpg", imageAlt: "Cozy cafe interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-having-coffee-cafe_1328-4395.jpg", imageAlt: "Artisan latte art" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/small-business-owner-cleaning-up-coffee-shop_23-2149458148.jpg", imageAlt: "Friendly atmosphere" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -114,48 +71,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Spanish Latte",
|
||||
price: "$5.50",
|
||||
variant: "Creamy & Cinnamon",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-coconut-candies-with-cup-coffee-white-surface_140725-80912.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Classic Croissant",
|
||||
price: "$4.00",
|
||||
variant: "House-made",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-croissant-plate-trivet-with-lemon-tangerine-kumquat-flour-ginger-with-spoon-honey-dipper-rolling-pin-black-background_141793-130598.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Iced Matcha",
|
||||
price: "$6.00",
|
||||
variant: "Premium Ceremonial",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-iced-coffee_23-2149624100.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Caramel Macchiato",
|
||||
price: "$5.75",
|
||||
variant: "Rich & Sweet",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee-glasses_1220-3572.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Conchita",
|
||||
price: "$3.50",
|
||||
variant: "Sweet Bread",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-miniature-bakery-product_23-2151862561.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Cookie Butter Latte",
|
||||
price: "$6.25",
|
||||
variant: "Signature Drink",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458132.jpg",
|
||||
},
|
||||
{ id: "1", name: "Spanish Latte", price: "$5.50", variant: "Creamy & Cinnamon", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-coconut-candies-with-cup-coffee-white-surface_140725-80912.jpg" },
|
||||
{ id: "2", name: "Classic Croissant", price: "$4.00", variant: "House-made", imageSrc: "http://img.b2bpic.net/free-photo/side-view-croissant-plate-trivet-with-lemon-tangerine-kumquat-flour-ginger-with-spoon-honey-dipper-rolling-pin-black-background_141793-130598.jpg" },
|
||||
{ id: "3", name: "Iced Matcha", price: "$6.00", variant: "Premium Ceremonial", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-iced-coffee_23-2149624100.jpg" },
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="Explore our selection of specialty drinks and house-made pastries."
|
||||
@@ -168,60 +86,14 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ben S.",
|
||||
role: "Regular",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coquette-watercolor-pattern_23-2151843222.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Maria G.",
|
||||
role: "Foodie",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/samesex-homosexual-female-partners-drinking-coffee-eating-cakes-restaurant_273609-9461.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "David K.",
|
||||
role: "Student",
|
||||
company: "University",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-women-reading-menu-cafe_23-2147785423.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah J.",
|
||||
role: "Parent",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/isolated-shot-cheerful-girl-smiles-happily-expresses-sincere-feelings-drinks-takeaway-coffee_273609-45679.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena R.",
|
||||
role: "Creative",
|
||||
company: "Freelancer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12134.jpg",
|
||||
},
|
||||
{ id: "1", name: "Ben S.", role: "Regular", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/coquette-watercolor-pattern_23-2151843222.jpg" },
|
||||
{ id: "2", name: "Maria G.", role: "Foodie", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/samesex-homosexual-female-partners-drinking-coffee-eating-cakes-restaurant_273609-9461.jpg" },
|
||||
{ id: "3", name: "David K.", role: "Student", company: "University", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-women-reading-menu-cafe_23-2147785423.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Rating",
|
||||
},
|
||||
{
|
||||
value: "1k+",
|
||||
label: "Happy Neighbors",
|
||||
},
|
||||
{
|
||||
value: "5+",
|
||||
label: "Years Served",
|
||||
},
|
||||
{ value: "4.9", label: "Rating" },
|
||||
{ value: "1k+", label: "Happy Neighbors" },
|
||||
{ value: "5+", label: "Years Served" },
|
||||
]}
|
||||
title="Customer Love"
|
||||
description="See why our neighbors call us their cozy home corner."
|
||||
@@ -231,22 +103,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Visit Us"
|
||||
title="Come Say Hello"
|
||||
description="Find us in the heart of the neighborhood for great coffee and warm vibes."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Order Online",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Directions", href: "#" }, { text: "Order Online", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -254,41 +115,18 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Navigate", items: [
|
||||
{ label: "Menu", href: "#menu" },
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Reviews", href: "#testimonials" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Follow Us",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
title: "Follow Us", items: [
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Facebook", href: "#" },
|
||||
{ label: "Twitter", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user