Merge version_1 into main #1
147
src/app/page.tsx
147
src/app/page.tsx
@@ -30,27 +30,18 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
name: "Our Story", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "features",
|
||||
},
|
||||
name: "Menu", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Kompass Coffee"
|
||||
button={{ text: "Order Online", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -60,34 +51,22 @@ export default function LandingPage() {
|
||||
description="Experience the perfect balance of precision, warmth, and flavor. Kompass Coffee brings premium roasts and refined techniques to the heart of Auckland CBD."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Our Roasts",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Explore Our Roasts", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/trendy-coffee-shop-city_53876-30213.jpg"
|
||||
showDimOverlay={true}
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg",
|
||||
alt: "Satisfied coffee lover",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg", alt: "Satisfied coffee lover"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg",
|
||||
alt: "Happy customer at shop",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg", alt: "Happy customer at shop"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",
|
||||
alt: "Regular morning visitor",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg", alt: "Regular morning visitor"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",
|
||||
alt: "Local cafe enthusiast",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg", alt: "Local cafe enthusiast"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-spectacles_1303-14468.jpg",
|
||||
alt: "Daily ritual coffee drinker",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-spectacles_1303-14468.jpg", alt: "Daily ritual coffee drinker"},
|
||||
]}
|
||||
avatarText="Join 5,000+ local coffee enthusiasts"
|
||||
/>
|
||||
@@ -100,19 +79,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Coffee,
|
||||
label: "Ethically Sourced",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Ethically Sourced", value: "100%"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Expertly Roasted",
|
||||
value: "Small Batch",
|
||||
},
|
||||
label: "Expertly Roasted", value: "Small Batch"},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Auckland CBD",
|
||||
value: "Heart",
|
||||
},
|
||||
label: "Auckland CBD", value: "Heart"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -125,38 +98,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Ethiopian Heirloom",
|
||||
author: "Light Roast",
|
||||
description: "Floral notes with hints of jasmine and citrus, sourced directly from high-altitude farmers.",
|
||||
tags: [
|
||||
"Floral",
|
||||
"Citrus",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-shop-caffeine-concept_53876-14304.jpg",
|
||||
},
|
||||
id: "f1", title: "Ethiopian Heirloom", author: "Light Roast", description: "Floral notes with hints of jasmine and citrus, sourced directly from high-altitude farmers.", tags: [
|
||||
"Floral", "Citrus"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-shop-caffeine-concept_53876-14304.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Colombian Supremo",
|
||||
author: "Medium Roast",
|
||||
description: "A well-balanced profile with caramel sweetness and a chocolatey finish. Perfect for morning brews.",
|
||||
tags: [
|
||||
"Caramel",
|
||||
"Smooth",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-working-beer-factory_23-2150573899.jpg",
|
||||
},
|
||||
id: "f2", title: "Colombian Supremo", author: "Medium Roast", description: "A well-balanced profile with caramel sweetness and a chocolatey finish. Perfect for morning brews.", tags: [
|
||||
"Caramel", "Smooth"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-working-beer-factory_23-2150573899.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Signature Espresso",
|
||||
author: "Dark Roast",
|
||||
description: "Rich, intense, and velvety body. Designed for an unforgettable espresso experience at home or in store.",
|
||||
tags: [
|
||||
"Rich",
|
||||
"Velvety",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/some-coffee-beverage-coffee-beans_140725-4424.jpg",
|
||||
},
|
||||
id: "f3", title: "Signature Espresso", author: "Dark Roast", description: "Rich, intense, and velvety body. Designed for an unforgettable espresso experience at home or in store.", tags: [
|
||||
"Rich", "Velvety"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/some-coffee-beverage-coffee-beans_140725-4424.jpg"},
|
||||
]}
|
||||
title="Our Signature Selection"
|
||||
description="Discover our collection of small-batch, expertly sourced beans tailored for the true coffee connoisseur."
|
||||
@@ -169,45 +121,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "The Best in the CBD",
|
||||
quote: "The most consistent and delicious coffee in Auckland. My daily ritual starts at Kompass.",
|
||||
name: "Sarah Miller",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
|
||||
},
|
||||
id: "1", title: "The Best in the CBD", quote: "The most consistent and delicious coffee in Auckland. My daily ritual starts at Kompass.", name: "Sarah Miller", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Masterful Roasting",
|
||||
quote: "I am a coffee enthusiast and rarely find beans this fresh. Kompass is a hidden gem.",
|
||||
name: "David Thorne",
|
||||
role: "Design Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-photographer-works-with-phone-leani_613910-16279.jpg",
|
||||
},
|
||||
id: "2", title: "Masterful Roasting", quote: "I am a coffee enthusiast and rarely find beans this fresh. Kompass is a hidden gem.", name: "David Thorne", role: "Design Lead", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-photographer-works-with-phone-leani_613910-16279.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Warm Atmosphere",
|
||||
quote: "Not just the coffee, but the staff. Truly welcoming atmosphere every single time.",
|
||||
name: "Emily Chen",
|
||||
role: "Software Developer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-enjoying-working-day-is-having-coffee-break-outdoor-cafe-cheerful-lady-with-coffee-hand_291650-1354.jpg",
|
||||
},
|
||||
id: "3", title: "Warm Atmosphere", quote: "Not just the coffee, but the staff. Truly welcoming atmosphere every single time.", name: "Emily Chen", role: "Software Developer", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-enjoying-working-day-is-having-coffee-break-outdoor-cafe-cheerful-lady-with-coffee-hand_291650-1354.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Perfect Ritual",
|
||||
quote: "The attention to detail in their pour-over is unparalleled. Highly recommend.",
|
||||
name: "James Wilson",
|
||||
role: "Business Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-posing-outdoors_23-2148803558.jpg",
|
||||
},
|
||||
id: "4", title: "Perfect Ritual", quote: "The attention to detail in their pour-over is unparalleled. Highly recommend.", name: "James Wilson", role: "Business Owner", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-posing-outdoors_23-2148803558.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Exquisite Quality",
|
||||
quote: "Fantastic beans, expertly roasted. I buy their coffee for my home machine monthly.",
|
||||
name: "Alice Thompson",
|
||||
role: "Creative Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-bachelor-party-laughing_23-2149275479.jpg",
|
||||
},
|
||||
id: "5", title: "Exquisite Quality", quote: "Fantastic beans, expertly roasted. I buy their coffee for my home machine monthly.", name: "Alice Thompson", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/happy-man-bachelor-party-laughing_23-2149275479.jpg"},
|
||||
]}
|
||||
title="What Our Community Says"
|
||||
description="Joined by coffee lovers across Auckland who appreciate the art of a great brew."
|
||||
@@ -218,8 +140,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
tag="Visit Us"
|
||||
title="Connect with Kompass Coffee"
|
||||
description="Join our inner circle for weekly roaster updates, exclusive tastings, and community events."
|
||||
@@ -238,14 +159,10 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/kompasscoffee",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "https://instagram.com/kompasscoffee", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com/kompasscoffee",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "https://facebook.com/kompasscoffee", ariaLabel: "Facebook"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user