Update src/app/page.tsx
This commit is contained in:
256
src/app/page.tsx
256
src/app/page.tsx
@@ -28,116 +28,43 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="London Brew"
|
||||
button={{ text: "Order Now", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="A Slice of London Calm"
|
||||
description="Experience artisanal coffee in a space designed for quiet conversation and exceptional taste."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Eleanor P.",
|
||||
handle: "@londoncoffee",
|
||||
testimonial: "The most peaceful spot in the city. The flat white is perfection.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/many-coffee-beans-around-drinks-espresso-from-paper-disposable-cup-keeps-eyes-closed-smiles-broadly-enjoys-pleasant-aroma-scent_273609-52725.jpg",
|
||||
},
|
||||
{
|
||||
name: "James M.",
|
||||
handle: "@citydweller",
|
||||
testimonial: "A true hidden gem. Incredible atmosphere and even better service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-interesting-reddish-man-mixing-coffee-outdoors_158595-3758.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sophie H.",
|
||||
handle: "@urbanexplorer",
|
||||
testimonial: "My morning ritual. Simply the best espresso in central London.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-indoor-urban-cafe_158595-668.jpg",
|
||||
},
|
||||
{
|
||||
name: "Oliver K.",
|
||||
handle: "@cafelover",
|
||||
testimonial: "Sophisticated, quiet, and delicious. My new favorite workspace.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-dessert-drink-cafe_273609-4013.jpg",
|
||||
},
|
||||
{
|
||||
name: "Maya S.",
|
||||
handle: "@coffeeblogger",
|
||||
testimonial: "A masterclass in modern cafe design and coffee quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-eating-restaurant_23-2150491798.jpg",
|
||||
},
|
||||
{ name: "Eleanor P.", handle: "@londoncoffee", testimonial: "The most peaceful spot in the city. The flat white is perfection.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/many-coffee-beans-around-drinks-espresso-from-paper-disposable-cup-keeps-eyes-closed-smiles-broadly-enjoys-pleasant-aroma-scent_273609-52725.jpg" },
|
||||
{ name: "James M.", handle: "@citydweller", testimonial: "A true hidden gem. Incredible atmosphere and even better service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-interesting-reddish-man-mixing-coffee-outdoors_158595-3758.jpg" },
|
||||
{ name: "Sophie H.", handle: "@urbanexplorer", testimonial: "My morning ritual. Simply the best espresso in central London.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-indoor-urban-cafe_158595-668.jpg" },
|
||||
{ name: "Oliver K.", handle: "@cafelover", testimonial: "Sophisticated, quiet, and delicious. My new favorite workspace.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-dessert-drink-cafe_273609-4013.jpg" },
|
||||
{ name: "Maya S.", handle: "@coffeeblogger", testimonial: "A masterclass in modern cafe design and coffee quality.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-eating-restaurant_23-2150491798.jpg" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-minimal-concept-indoors-shadows_23-2148835271.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-posing-with-coffee-cups_23-2148366660.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-smiley-senior-woman-bistro_23-2149356832.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-woman-skirt-coat-drinking-coffee-street-with-gently-smile_197531-6909.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-sitting-cafe_273609-6756.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-sunglasses-drinks-morning-coffee-cafe_613910-12122.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-posing-with-coffee-cups_23-2148366660.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-smiley-senior-woman-bistro_23-2149356832.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/elegant-woman-skirt-coat-drinking-coffee-street-with-gently-smile_197531-6909.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-sitting-cafe_273609-6756.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-sunglasses-drinks-morning-coffee-cafe_613910-12122.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisanal Coffee",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quiet Atmosphere",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Central London",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ethical Sourcing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Perfect Brews",
|
||||
},
|
||||
{ type: "text", text: "Artisanal Coffee" },
|
||||
{ type: "text", text: "Quiet Atmosphere" },
|
||||
{ type: "text", text: "Central London" },
|
||||
{ type: "text", text: "Ethical Sourcing" },
|
||||
{ type: "text", text: "Perfect Brews" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -148,18 +75,9 @@ export default function LandingPage() {
|
||||
title="Crafted with Purpose"
|
||||
description="Inspired by the hidden corners of London, our cafe offers a sanctuary where craft meets comfort. We believe every cup tells a story, and every detail matters."
|
||||
metrics={[
|
||||
{
|
||||
value: "12+",
|
||||
title: "Single Origins",
|
||||
},
|
||||
{
|
||||
value: "200+",
|
||||
title: "Daily Brews",
|
||||
},
|
||||
{
|
||||
value: "8",
|
||||
title: "Years of Craft",
|
||||
},
|
||||
{ value: "12+", title: "Single Origins" },
|
||||
{ value: "200+", title: "Daily Brews" },
|
||||
{ value: "8", title: "Years of Craft" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-delicious-coffee-cup_23-2148865585.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -174,48 +92,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Espresso",
|
||||
price: "£3.50",
|
||||
variant: "Rich & Bold",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-coffee-cup-desk-black-background_23-2147893165.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Buttered Croissant",
|
||||
price: "£4.20",
|
||||
variant: "Freshly Baked",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/food-breakfast-board_23-2147798944.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Signature Flat White",
|
||||
price: "£4.50",
|
||||
variant: "Velvety Smooth",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-with-delicious-coffee_23-2149703760.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Seasonal Blend",
|
||||
price: "£12.00",
|
||||
variant: "Retail Bag",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-cookies-marble-surface_114579-57827.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Blueberry Muffin",
|
||||
price: "£3.80",
|
||||
variant: "Gluten Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/twig-near-coffee-buns_23-2147798988.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Iced Matcha Latte",
|
||||
price: "£4.80",
|
||||
variant: "Chilled",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064701.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Classic Espresso", price: "£3.50", variant: "Rich & Bold", imageSrc: "http://img.b2bpic.net/free-photo/white-coffee-cup-desk-black-background_23-2147893165.jpg" },
|
||||
{ id: "p2", name: "Buttered Croissant", price: "£4.20", variant: "Freshly Baked", imageSrc: "http://img.b2bpic.net/free-photo/food-breakfast-board_23-2147798944.jpg" },
|
||||
{ id: "p3", name: "Signature Flat White", price: "£4.50", variant: "Velvety Smooth", imageSrc: "http://img.b2bpic.net/free-photo/glass-with-delicious-coffee_23-2149703760.jpg" },
|
||||
{ id: "p4", name: "Seasonal Blend", price: "£12.00", variant: "Retail Bag", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-cookies-marble-surface_114579-57827.jpg" },
|
||||
{ id: "p5", name: "Blueberry Muffin", price: "£3.80", variant: "Gluten Free", imageSrc: "http://img.b2bpic.net/free-photo/twig-near-coffee-buns_23-2147798988.jpg" },
|
||||
{ id: "p6", name: "Iced Matcha Latte", price: "£4.80", variant: "Chilled", imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064701.jpg" },
|
||||
]}
|
||||
title="From Our Kitchen"
|
||||
description="Our signature selection, meticulously sourced and prepared for the discerning palate."
|
||||
@@ -229,31 +111,11 @@ export default function LandingPage() {
|
||||
cardTag="Reviews"
|
||||
cardAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/peaceful-evening_1098-13993.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-interesting-reddish-man-posing-with-coffee_158595-3757.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Amelia W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-cup-coffee_23-2148395415.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-friends-cafe-enjoying-their-time_23-2148735439.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Clara B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-works-cafe-evening_1153-3549.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/peaceful-evening_1098-13993.jpg" },
|
||||
{ id: "t2", name: "Michael L.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-interesting-reddish-man-posing-with-coffee_158595-3757.jpg" },
|
||||
{ id: "t3", name: "Amelia W.", imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-cup-coffee_23-2148395415.jpg" },
|
||||
{ id: "t4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-friends-cafe-enjoying-their-time_23-2148735439.jpg" },
|
||||
{ id: "t5", name: "Clara B.", imageSrc: "http://img.b2bpic.net/free-photo/woman-works-cafe-evening_1153-3549.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -264,16 +126,8 @@ export default function LandingPage() {
|
||||
title="Visit Us"
|
||||
description="Come experience the London Brew aesthetic in person. We look forward to serving you."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/exterior-shopfront-city_53876-144723.jpg"
|
||||
/>
|
||||
@@ -283,37 +137,17 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "London Brew",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Our Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Locations",
|
||||
href: "#",
|
||||
},
|
||||
title: "London Brew", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Our Menu", href: "#products" },
|
||||
{ label: "Locations", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Newsletter",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Connect", items: [
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Newsletter", href: "#" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user