Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 112e62700f | |||
| 4a5eebd581 |
182
src/app/page.tsx
182
src/app/page.tsx
@@ -14,8 +14,8 @@ import { Award, Coffee, MapPin, Sun, Users } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="smallMedium"
|
||||
sizing="large"
|
||||
@@ -30,25 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
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: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Aesthetic Café"
|
||||
/>
|
||||
@@ -57,15 +47,12 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Where Every Cup Meets Artful Moments"
|
||||
description="Discover our thoughtfully designed café—craft coffee, seasonal pastries, and the perfect space to pause. Visit us today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Our Space",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "Explore Our Space", href: "#menu"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-grinder-beans-aroma-coffee-wooden-board_114579-57923.jpg?_wi=1"
|
||||
imageAlt="cozy cafe interior warm lighting"
|
||||
@@ -79,77 +66,43 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Coffee,
|
||||
label: "Coffee Varieties",
|
||||
value: "20+",
|
||||
},
|
||||
label: "Coffee Varieties", value: "20+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Guests",
|
||||
value: "5000+",
|
||||
},
|
||||
label: "Happy Guests", value: "5000+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Served",
|
||||
value: "5",
|
||||
},
|
||||
label: "Years Served", value: "5"},
|
||||
{
|
||||
icon: Sun,
|
||||
label: "Daily Visitors",
|
||||
value: "300+",
|
||||
},
|
||||
label: "Daily Visitors", value: "300+"},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Locations",
|
||||
value: "2",
|
||||
},
|
||||
label: "Locations", value: "2"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Artisan Croissant",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-cup-tea-blue-table_114579-4234.jpg",
|
||||
},
|
||||
id: "1", name: "Artisan Croissant", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/white-cup-tea-blue-table_114579-4234.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Signature Cappuccino",
|
||||
price: "$5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-cup-coffee-with-cream_23-2148255057.jpg",
|
||||
},
|
||||
id: "2", name: "Signature Cappuccino", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cup-coffee-with-cream_23-2148255057.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Iced Matcha Latte",
|
||||
price: "$6.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-saucer-with-orange-juice-pair-sunglasses-wooden-table_181624-17356.jpg",
|
||||
},
|
||||
id: "3", name: "Iced Matcha Latte", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-saucer-with-orange-juice-pair-sunglasses-wooden-table_181624-17356.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Avocado Tartine",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-toast-sandwich-with-cheese-ham-inside-along-with-flour-blue_140725-20950.jpg",
|
||||
},
|
||||
id: "4", name: "Avocado Tartine", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-toast-sandwich-with-cheese-ham-inside-along-with-flour-blue_140725-20950.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Blueberry Muffin",
|
||||
price: "$4.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-dessert-arrangement-high-angle_23-2149637366.jpg",
|
||||
},
|
||||
id: "5", name: "Blueberry Muffin", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/tasty-dessert-arrangement-high-angle_23-2149637366.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Flat White",
|
||||
price: "$4.75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grey-coffee-cup-table-caf_23-2147893240.jpg",
|
||||
},
|
||||
id: "6", name: "Flat White", price: "$4.75", imageSrc: "http://img.b2bpic.net/free-photo/grey-coffee-cup-table-caf_23-2147893240.jpg"},
|
||||
]}
|
||||
title="Our Seasonal Menu"
|
||||
description="Hand-crafted beverages and fresh pastries inspired by the seasons."
|
||||
@@ -158,50 +111,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahcoffee",
|
||||
testimonial: "The best atmosphere for working! Coffee is always perfect.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/good-day-only-with-good-coffee_329181-2927.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "@sarahcoffee", testimonial: "The best atmosphere for working! Coffee is always perfect.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/good-day-only-with-good-coffee_329181-2927.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
handle: "@markfoodie",
|
||||
testimonial: "Beautiful design and delicious seasonal pastries. My favorite spot.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-drink-against-brick-wall-coffee-shop-exterior_169016-16315.jpg",
|
||||
},
|
||||
id: "2", name: "Mark D.", handle: "@markfoodie", testimonial: "Beautiful design and delicious seasonal pastries. My favorite spot.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-drink-against-brick-wall-coffee-shop-exterior_169016-16315.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
handle: "@emilydaily",
|
||||
testimonial: "I love the light here! So perfect for my Instagram feed.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg",
|
||||
},
|
||||
id: "3", name: "Emily R.", handle: "@emilydaily", testimonial: "I love the light here! So perfect for my Instagram feed.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
handle: "@davidtastes",
|
||||
testimonial: "Exquisite attention to detail in every cup. Truly artful.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/best-friend-always-makes-ma-laugh_329181-2920.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", handle: "@davidtastes", testimonial: "Exquisite attention to detail in every cup. Truly artful.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/best-friend-always-makes-ma-laugh_329181-2920.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica L.",
|
||||
handle: "@jesscafe",
|
||||
testimonial: "A welcoming environment that always makes me feel at home.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13320.jpg",
|
||||
},
|
||||
id: "5", name: "Jessica L.", handle: "@jesscafe", testimonial: "A welcoming environment that always makes me feel at home.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13320.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Guests Say"
|
||||
@@ -213,14 +141,13 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Book Your Table"
|
||||
description="Ready to experience the art of coffee? Book your spot today."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-grinder-beans-aroma-coffee-wooden-board_114579-57923.jpg?_wi=2"
|
||||
buttonText="Book a Table"
|
||||
mediaAnimation="slide-up"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -230,46 +157,29 @@ export default function LandingPage() {
|
||||
logoText="Aesthetic Café"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
label: "Reviews", href: "#reviews"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Book a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Book a Table", href: "#contact"},
|
||||
{
|
||||
label: "123 Coffee Lane",
|
||||
href: "#",
|
||||
},
|
||||
label: "123 Coffee Lane", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -278,4 +188,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user