Update src/app/page.tsx
This commit is contained in:
228
src/app/page.tsx
228
src/app/page.tsx
@@ -31,21 +31,13 @@ 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: "Location",
|
||||
id: "location",
|
||||
},
|
||||
name: "Location", id: "location"},
|
||||
]}
|
||||
brandName="Urban Brew"
|
||||
/>
|
||||
@@ -54,41 +46,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Craft Coffee. Slow Moments."
|
||||
description="Experience artisan, locally sourced beans handcrafted in the heart of the city."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Menu", href: "#menu"},
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#location",
|
||||
},
|
||||
text: "Visit Us", href: "#location"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-maker-coffee-shop_23-2148366609.jpg",
|
||||
imageAlt: "cozy urban coffee shop interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-maker-coffee-shop_23-2148366609.jpg", imageAlt: "cozy urban coffee shop interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6717.jpg",
|
||||
imageAlt: "aesthetic coffee shop interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6717.jpg", imageAlt: "aesthetic coffee shop interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-barista-pouring-milk-glass_23-2148522999.jpg",
|
||||
imageAlt: "latte art close up",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-barista-pouring-milk-glass_23-2148522999.jpg", imageAlt: "latte art close up"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-shop-making-coffee-equipment_23-2148366541.jpg",
|
||||
imageAlt: "Coffee shop making coffee equipment",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-shop-making-coffee-equipment_23-2148366541.jpg", imageAlt: "Coffee shop making coffee equipment"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-coffee-filter_23-2148366691.jpg",
|
||||
imageAlt: "Close-up of man holding coffee filter",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-coffee-filter_23-2148366691.jpg", imageAlt: "Close-up of man holding coffee filter"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -109,67 +86,29 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Signature",
|
||||
name: "Espresso",
|
||||
price: "$3.50",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-coffee-coffee-cup_74190-1831.jpg",
|
||||
},
|
||||
id: "1", brand: "Signature", name: "Espresso", price: "$3.50", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/black-coffee-coffee-cup_74190-1831.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Signature",
|
||||
name: "Cappuccino",
|
||||
price: "$4.50",
|
||||
rating: 5,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-cup-coffee-shadows_23-2148296161.jpg",
|
||||
},
|
||||
id: "2", brand: "Signature", name: "Cappuccino", price: "$4.50", rating: 5,
|
||||
reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cup-coffee-shadows_23-2148296161.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Signature",
|
||||
name: "Cold Brew",
|
||||
price: "$4.75",
|
||||
rating: 4,
|
||||
reviewCount: "65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-iced-coffee-beverage_23-2149648707.jpg",
|
||||
},
|
||||
id: "3", brand: "Signature", name: "Cold Brew", price: "$4.75", rating: 4,
|
||||
reviewCount: "65", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-iced-coffee-beverage_23-2149648707.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Specialty",
|
||||
name: "Latte",
|
||||
price: "$5.00",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-making-coffee_23-2150354565.jpg",
|
||||
},
|
||||
id: "4", brand: "Specialty", name: "Latte", price: "$5.00", rating: 5,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-making-coffee_23-2150354565.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Specialty",
|
||||
name: "Americano",
|
||||
price: "$3.75",
|
||||
rating: 4,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-ai-generated_23-2150691735.jpg",
|
||||
},
|
||||
id: "5", brand: "Specialty", name: "Americano", price: "$3.75", rating: 4,
|
||||
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/coffee-ai-generated_23-2150691735.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Specialty",
|
||||
name: "Flat White",
|
||||
price: "$4.75",
|
||||
rating: 5,
|
||||
reviewCount: "72",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mug-cloth-stump_23-2147885992.jpg",
|
||||
},
|
||||
id: "6", brand: "Specialty", name: "Flat White", price: "$4.75", rating: 5,
|
||||
reviewCount: "72", imageSrc: "http://img.b2bpic.net/free-photo/mug-cloth-stump_23-2147885992.jpg"},
|
||||
]}
|
||||
title="Signature Brews"
|
||||
description="Handcrafted perfection in every cup."
|
||||
buttons={[
|
||||
{
|
||||
text: "See Full Menu",
|
||||
href: "#",
|
||||
},
|
||||
text: "See Full Menu", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -179,28 +118,14 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
features={[
|
||||
{
|
||||
title: "Atmosphere",
|
||||
description: "Designed for focus and relaxation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-cafe-interior-design_23-2151945689.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/teen-girls-writing-notebooks-cafe_23-2147860799.jpg",
|
||||
buttonText: "See More",
|
||||
},
|
||||
title: "Atmosphere", description: "Designed for focus and relaxation.", imageSrc: "http://img.b2bpic.net/free-photo/modern-cafe-interior-design_23-2151945689.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/teen-girls-writing-notebooks-cafe_23-2147860799.jpg", buttonText: "See More"},
|
||||
{
|
||||
title: "Moments",
|
||||
description: "Where ideas and coffee meet.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-friends-sitting-cafe_23-2148422400.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064695.jpg",
|
||||
buttonText: "See More",
|
||||
},
|
||||
title: "Moments", description: "Where ideas and coffee meet.", imageSrc: "http://img.b2bpic.net/free-photo/happy-friends-sitting-cafe_23-2148422400.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064695.jpg", buttonText: "See More"},
|
||||
{
|
||||
title: "Sourcing",
|
||||
description: "From local roasters to you.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bunch-red-beans-wooden-box-with-burlap_114579-39044.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-black-background-with-powder_114579-16635.jpg",
|
||||
buttonText: "See More",
|
||||
},
|
||||
title: "Sourcing", description: "From local roasters to you.", imageSrc: "http://img.b2bpic.net/free-photo/bunch-red-beans-wooden-box-with-burlap_114579-39044.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-black-background-with-powder_114579-16635.jpg", buttonText: "See More"},
|
||||
]}
|
||||
title="The Urban Experience"
|
||||
description="Moments of connection, comfort, and caffeine."
|
||||
@@ -213,45 +138,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Great Vibe",
|
||||
quote: "Best flat white in the city!",
|
||||
name: "Sarah J.",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-asian-girl-barista-cafe-processing-contactless-payment-insert-credit-card-into-pos-terminal_1258-199469.jpg",
|
||||
},
|
||||
id: "1", title: "Great Vibe", quote: "Best flat white in the city!", name: "Sarah J.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/cute-asian-girl-barista-cafe-processing-contactless-payment-insert-credit-card-into-pos-terminal_1258-199469.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Consistent",
|
||||
quote: "My daily go-to for morning focus.",
|
||||
name: "Mark D.",
|
||||
role: "Developer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-adult-businesswoman-talking-her-phone-while-holding-cup-coffee-vintage-restaurant_482257-25754.jpg",
|
||||
},
|
||||
id: "2", title: "Consistent", quote: "My daily go-to for morning focus.", name: "Mark D.", role: "Developer", imageSrc: "http://img.b2bpic.net/free-photo/successful-adult-businesswoman-talking-her-phone-while-holding-cup-coffee-vintage-restaurant_482257-25754.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Community",
|
||||
quote: "Love the local focus and sustainability.",
|
||||
name: "Elena V.",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-smiling-attractive-young-woman-with-short-curly-dark-hair-red-lips_291650-524.jpg",
|
||||
},
|
||||
id: "3", title: "Community", quote: "Love the local focus and sustainability.", name: "Elena V.", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-smiling-attractive-young-woman-with-short-curly-dark-hair-red-lips_291650-524.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Excellent",
|
||||
quote: "The atmosphere is unmatched.",
|
||||
name: "Tom P.",
|
||||
role: "Writer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-workers-working-together-as-team_23-2149310940.jpg",
|
||||
},
|
||||
id: "4", title: "Excellent", quote: "The atmosphere is unmatched.", name: "Tom P.", role: "Writer", imageSrc: "http://img.b2bpic.net/free-photo/office-workers-working-together-as-team_23-2149310940.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Fantastic",
|
||||
quote: "Coffee is always perfect, every time.",
|
||||
name: "Lucy M.",
|
||||
role: "Student",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-drinking-coffee_23-2148006750.jpg",
|
||||
},
|
||||
id: "5", title: "Fantastic", quote: "Coffee is always perfect, every time.", name: "Lucy M.", role: "Student", imageSrc: "http://img.b2bpic.net/free-photo/women-drinking-coffee_23-2148006750.jpg"},
|
||||
]}
|
||||
title="What Our Community Says"
|
||||
description="Genuine reviews from local coffee lovers."
|
||||
@@ -264,20 +159,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer oat milk?",
|
||||
content: "Yes, we offer premium oat, almond, and soy alternatives.",
|
||||
},
|
||||
id: "1", title: "Do you offer oat milk?", content: "Yes, we offer premium oat, almond, and soy alternatives."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you have Wi-Fi?",
|
||||
content: "Yes, high-speed Wi-Fi is available for all guests.",
|
||||
},
|
||||
id: "2", title: "Do you have Wi-Fi?", content: "Yes, high-speed Wi-Fi is available for all guests."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are you pet-friendly?",
|
||||
content: "Absolutely! We welcome all well-behaved pets.",
|
||||
},
|
||||
id: "3", title: "Are you pet-friendly?", content: "Absolutely! We welcome all well-behaved pets."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Answers to your coffee curiosities."
|
||||
@@ -289,14 +175,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
text="Visit us at 123 Urban Ave, City Centre. Open 7AM - 7PM daily."
|
||||
buttons={[
|
||||
{
|
||||
text: "Find Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Find Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -306,42 +189,27 @@ export default function LandingPage() {
|
||||
logoText="Urban Brew"
|
||||
columns={[
|
||||
{
|
||||
title: "Follow",
|
||||
items: [
|
||||
title: "Follow", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Email",
|
||||
href: "#",
|
||||
},
|
||||
label: "Email", href: "#"},
|
||||
{
|
||||
label: "Phone",
|
||||
href: "#",
|
||||
},
|
||||
label: "Phone", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legals",
|
||||
items: [
|
||||
title: "Legals", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user