Update src/app/page.tsx
This commit is contained in:
134
src/app/page.tsx
134
src/app/page.tsx
@@ -29,54 +29,30 @@ 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: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Higher Ground"
|
||||
button={{ text: "Order Now", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Wake up to Higher Ground"
|
||||
description="Artisan coffee roasted to perfection in the heart of the city. Experience the deep, bold flavors of our signature espresso."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Julia M.",
|
||||
handle: "@julia.brew",
|
||||
testimonial: "The best espresso in the city, hands down. Absolute morning staple.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-close-up-young-beautiful-girl-street_1153-9650.jpg",
|
||||
},
|
||||
name: "Julia M.", handle: "@julia.brew", testimonial: "The best espresso in the city, hands down. Absolute morning staple.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-close-up-young-beautiful-girl-street_1153-9650.jpg"},
|
||||
{
|
||||
name: "Marcus R.",
|
||||
handle: "@marcus_caffeine",
|
||||
testimonial: "Fantastic beans, and the atmosphere is just perfect.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-construction-worker-coffee-brake_329181-3737.jpg",
|
||||
},
|
||||
name: "Marcus R.", handle: "@marcus_caffeine", testimonial: "Fantastic beans, and the atmosphere is just perfect.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-construction-worker-coffee-brake_329181-3737.jpg"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/latte-cup-with-cookies-saucer-wooden-table_23-2147898255.jpg"
|
||||
imageAlt="Freshly brewed espresso"
|
||||
@@ -105,23 +81,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Velvet Espresso",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-are-poured-out-bag-sackcloth-floor-hemp-top-is-laid_1150-19250.jpg",
|
||||
},
|
||||
id: "p1", name: "Velvet Espresso", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-are-poured-out-bag-sackcloth-floor-hemp-top-is-laid_1150-19250.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Highland Morning",
|
||||
price: "$16",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-coffee-label-template_23-2149871063.jpg",
|
||||
},
|
||||
id: "p2", name: "Highland Morning", price: "$16", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-coffee-label-template_23-2149871063.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Midnight Roast",
|
||||
price: "$20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-coffee-beans-beige-background_23-2148623198.jpg",
|
||||
},
|
||||
id: "p3", name: "Midnight Roast", price: "$20", imageSrc: "http://img.b2bpic.net/free-photo/black-coffee-beans-beige-background_23-2148623198.jpg"},
|
||||
]}
|
||||
title="Signature Roasts"
|
||||
description="Explore our curated selection of house-roasted beans, crafted for the true enthusiast."
|
||||
@@ -135,33 +99,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Julia M.",
|
||||
role: "Regular",
|
||||
testimonial: "Consistently excellent coffee.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-drink_1098-14341.jpg",
|
||||
},
|
||||
id: "t1", name: "Julia M.", role: "Regular", testimonial: "Consistently excellent coffee.", imageSrc: "http://img.b2bpic.net/free-photo/hot-drink_1098-14341.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus R.",
|
||||
role: "Coffee Enthusiast",
|
||||
testimonial: "The depth of flavor is unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-barista-using-professional-coffee-machine_23-2148824427.jpg",
|
||||
},
|
||||
id: "t2", name: "Marcus R.", role: "Coffee Enthusiast", testimonial: "The depth of flavor is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-barista-using-professional-coffee-machine_23-2148824427.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena S.",
|
||||
role: "Local Artist",
|
||||
testimonial: "My favorite creative workspace.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-white-cup-latte-art-coffee-window-shelf-cafe_181624-1600.jpg",
|
||||
},
|
||||
id: "t3", name: "Elena S.", role: "Local Artist", testimonial: "My favorite creative workspace.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-white-cup-latte-art-coffee-window-shelf-cafe_181624-1600.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Tom B.",
|
||||
role: "Daily Visitor",
|
||||
testimonial: "Simply the best morning brew.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-hold-cup-coffee_72229-1351.jpg",
|
||||
},
|
||||
id: "t4", name: "Tom B.", role: "Daily Visitor", testimonial: "Simply the best morning brew.", imageSrc: "http://img.b2bpic.net/free-photo/hands-hold-cup-coffee_72229-1351.jpg"},
|
||||
]}
|
||||
title="What Our Neighbors Say"
|
||||
description="Real stories from the coffee lovers who visit us every single day."
|
||||
@@ -171,18 +115,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Find Your Higher Ground"
|
||||
description="Join us for a cup, a conversation, or just a moment of peace. We look forward to serving you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Directions", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -190,33 +127,16 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
{
|
||||
label: "Story",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
title: "Navigate", items: [
|
||||
{ label: "Story", href: "#about" },
|
||||
{ label: "Menu", href: "#products" },
|
||||
{ label: "Reviews", href: "#testimonials" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user