Merge version_1 into main #2
283
src/app/page.tsx
283
src/app/page.tsx
@@ -33,23 +33,16 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Kopi Aloo"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -59,74 +52,37 @@ export default function LandingPage() {
|
||||
description="Experience the rich, bold flavors of Kopi Aloo, carefully roasted for the perfect cup every single time."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahcoffee",
|
||||
testimonial: "The best coffee I've ever brewed at home. Simply incredible.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-lot-coffee-beans-background_181624-21961.jpg?_wi=1",
|
||||
imageAlt: "premium coffee beans close up",
|
||||
},
|
||||
name: "Sarah J.", handle: "@sarahcoffee", testimonial: "The best coffee I've ever brewed at home. Simply incredible.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-lot-coffee-beans-background_181624-21961.jpg", imageAlt: "premium coffee beans close up"},
|
||||
{
|
||||
name: "Mark R.",
|
||||
handle: "@markalo",
|
||||
testimonial: "Kopi Aloo has become a staple of my morning routine. Absolutely love it.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-barista-preparing-coffee-cup_23-2148824440.jpg?_wi=1",
|
||||
imageAlt: "premium coffee beans close up",
|
||||
},
|
||||
name: "Mark R.", handle: "@markalo", testimonial: "Kopi Aloo has become a staple of my morning routine. Absolutely love it.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-barista-preparing-coffee-cup_23-2148824440.jpg", imageAlt: "premium coffee beans close up"},
|
||||
{
|
||||
name: "Emma L.",
|
||||
handle: "@emmacoffee",
|
||||
testimonial: "Incredible depth of flavor, smooth finish, and wonderful service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-fresh-coffee-beans-falling-out-black-basket-red-background_141793-27586.jpg?_wi=1",
|
||||
imageAlt: "premium coffee beans close up",
|
||||
},
|
||||
name: "Emma L.", handle: "@emmacoffee", testimonial: "Incredible depth of flavor, smooth finish, and wonderful service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-fresh-coffee-beans-falling-out-black-basket-red-background_141793-27586.jpg", imageAlt: "premium coffee beans close up"},
|
||||
{
|
||||
name: "James W.",
|
||||
handle: "@jamesalo",
|
||||
testimonial: "Top-tier beans. Every bag has been remarkably fresh.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-coffee-bag-mockup_187299-47334.jpg?_wi=1",
|
||||
imageAlt: "premium coffee beans close up",
|
||||
},
|
||||
name: "James W.", handle: "@jamesalo", testimonial: "Top-tier beans. Every bag has been remarkably fresh.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-coffee-bag-mockup_187299-47334.jpg", imageAlt: "premium coffee beans close up"},
|
||||
{
|
||||
name: "Claire B.",
|
||||
handle: "@clairecoffee",
|
||||
testimonial: "The perfect balance of strength and aroma. A daily ritual.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/geyser-coffee-maker-sackcloth_23-2148180228.jpg?_wi=1",
|
||||
imageAlt: "premium coffee beans close up",
|
||||
},
|
||||
name: "Claire B.", handle: "@clairecoffee", testimonial: "The perfect balance of strength and aroma. A daily ritual.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/geyser-coffee-maker-sackcloth_23-2148180228.jpg", imageAlt: "premium coffee beans close up"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-lot-coffee-beans-background_181624-21961.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-lot-coffee-beans-background_181624-21961.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-young-woman-with-curly-hair-giggles-happily-holds-disposable-cup-coffee-enjoys-aromatic-beverage-dressed-casual-orange-jumper-isolated-white-background-drinking-concept_273609-61071.jpg",
|
||||
alt: "Happy coffee drinker",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-young-woman-with-curly-hair-giggles-happily-holds-disposable-cup-coffee-enjoys-aromatic-beverage-dressed-casual-orange-jumper-isolated-white-background-drinking-concept_273609-61071.jpg", alt: "Happy coffee drinker"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-smiling_23-2148483082.jpg",
|
||||
alt: "Smiling coffee fan",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-smiling_23-2148483082.jpg", alt: "Smiling coffee fan"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-tablet_23-2149927583.jpg",
|
||||
alt: "Professional coffee enthusiast",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-tablet_23-2149927583.jpg", alt: "Professional coffee enthusiast"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-cool-funny-teenage-woman-going-crazy-checkered-shirt-holding-plastic-coffee-cup_158538-8194.jpg",
|
||||
alt: "Creative coffee lover",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-cool-funny-teenage-woman-going-crazy-checkered-shirt-holding-plastic-coffee-cup_158538-8194.jpg", alt: "Creative coffee lover"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/office-workers-working-together-as-team_23-2149310940.jpg",
|
||||
alt: "Corporate coffee team",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/office-workers-working-together-as-team_23-2149310940.jpg", alt: "Corporate coffee team"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -139,19 +95,13 @@ export default function LandingPage() {
|
||||
description="Kopi Aloo began with a simple mission: to bring authentic, high-quality coffee beans to homes everywhere, bridging the gap between local craft and global accessibility."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Sustainably Sourced",
|
||||
description: "Ethically harvested from family farms worldwide.",
|
||||
},
|
||||
title: "Sustainably Sourced", description: "Ethically harvested from family farms worldwide."},
|
||||
{
|
||||
title: "Precision Roasted",
|
||||
description: "Small-batch roasting for optimal flavor profiles.",
|
||||
},
|
||||
title: "Precision Roasted", description: "Small-batch roasting for optimal flavor profiles."},
|
||||
{
|
||||
title: "Freshness Guaranteed",
|
||||
description: "Delivered to your door right after roasting.",
|
||||
},
|
||||
title: "Freshness Guaranteed", description: "Delivered to your door right after roasting."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-male-barista-preparing-coffee-cup_23-2148824440.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-male-barista-preparing-coffee-cup_23-2148824440.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -163,41 +113,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Signature Blend",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-fresh-coffee-beans-falling-out-black-basket-red-background_141793-27586.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Signature Blend", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/side-view-fresh-coffee-beans-falling-out-black-basket-red-background_141793-27586.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Dark Roast",
|
||||
price: "$20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-coffee-bag-mockup_187299-47334.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Dark Roast", price: "$20", imageSrc: "http://img.b2bpic.net/free-photo/black-coffee-bag-mockup_187299-47334.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Morning Perk",
|
||||
price: "$17",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/geyser-coffee-maker-sackcloth_23-2148180228.jpg?_wi=2",
|
||||
},
|
||||
id: "p3", name: "Morning Perk", price: "$17", imageSrc: "http://img.b2bpic.net/free-photo/geyser-coffee-maker-sackcloth_23-2148180228.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Organic Light",
|
||||
price: "$22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-freshly-ground-coffee-manual-grinder-bag-coffee-beans-nuts-cinnamonnd-pineapple-white_346278-1119.jpg",
|
||||
},
|
||||
id: "p4", name: "Organic Light", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/composition-freshly-ground-coffee-manual-grinder-bag-coffee-beans-nuts-cinnamonnd-pineapple-white_346278-1119.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Exotic Bean",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/vintage-golden-logo_53876-67469.jpg",
|
||||
},
|
||||
id: "p5", name: "Exotic Bean", price: "$25", imageSrc: "http://img.b2bpic.net/free-vector/vintage-golden-logo_53876-67469.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Limited Roast",
|
||||
price: "$30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-coffee-beans_53876-41429.jpg",
|
||||
},
|
||||
id: "p6", name: "Limited Roast", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/assortment-coffee-beans_53876-41429.jpg"},
|
||||
]}
|
||||
title="Explore Our Blends"
|
||||
description="Discover your new favorite roast among our curated selection."
|
||||
@@ -208,66 +134,46 @@ export default function LandingPage() {
|
||||
<FeatureCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Bean Selection",
|
||||
description: "We handpick only the top 1% of beans.",
|
||||
items: [
|
||||
title: "Bean Selection", description: "We handpick only the top 1% of beans.", items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "High altitude",
|
||||
},
|
||||
text: "High altitude"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Ethically sourced",
|
||||
},
|
||||
text: "Ethically sourced"},
|
||||
],
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-bean-packaging-with-aesthetic-product-shot_23-2151989728.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-bean-packaging-with-aesthetic-product-shot_23-2151989728.jpg"},
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-lot-coffee-beans-background_181624-21961.jpg?_wi=3",
|
||||
imageAlt: "gourmet coffee packaging bag",
|
||||
},
|
||||
{
|
||||
title: "Roasting Process",
|
||||
description: "Small batches ensure peak performance.",
|
||||
items: [
|
||||
title: "Roasting Process", description: "Small batches ensure peak performance.", items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Slow roasted",
|
||||
},
|
||||
text: "Slow roasted"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Consistency checked",
|
||||
},
|
||||
text: "Consistency checked"},
|
||||
],
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hermetic-silver-package-filled-with-freshly-baked-roasted-coffee-preserve-its-aroma-red-wooden-table-near-fallen-transparent-cup-with-spreaded-raw-green-peeled-coffee-beans-carton-box_346278-892.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hermetic-silver-package-filled-with-freshly-baked-roasted-coffee-preserve-its-aroma-red-wooden-table-near-fallen-transparent-cup-with-spreaded-raw-green-peeled-coffee-beans-carton-box_346278-892.jpg"},
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-barista-preparing-coffee-cup_23-2148824440.jpg?_wi=3",
|
||||
imageAlt: "gourmet coffee packaging bag",
|
||||
},
|
||||
{
|
||||
title: "Delivery Speed",
|
||||
description: "Freshness delivered promptly.",
|
||||
items: [
|
||||
title: "Delivery Speed", description: "Freshness delivered promptly.", items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Fast shipping",
|
||||
},
|
||||
text: "Fast shipping"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Air-tight packaging",
|
||||
},
|
||||
text: "Air-tight packaging"},
|
||||
],
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-with-copy-space_23-2148464786.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-with-copy-space_23-2148464786.jpg"},
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-fresh-coffee-beans-falling-out-black-basket-red-background_141793-27586.jpg?_wi=3",
|
||||
imageAlt: "gourmet coffee packaging bag",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Kopi Aloo"
|
||||
@@ -282,20 +188,11 @@ export default function LandingPage() {
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
description: "Happy Customers",
|
||||
},
|
||||
id: "m1", value: "10k+", description: "Happy Customers"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50+",
|
||||
description: "Bean Origins",
|
||||
},
|
||||
id: "m2", value: "50+", description: "Bean Origins"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Sustainably Sourced",
|
||||
},
|
||||
id: "m3", value: "100%", description: "Sustainably Sourced"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -308,40 +205,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Coffee Enthusiast",
|
||||
testimonial: "Kopi Aloo is my go-to for every morning.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-hot-chocolate-cafe_23-2149944060.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Johnson", role: "Coffee Enthusiast", testimonial: "Kopi Aloo is my go-to for every morning.", imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-hot-chocolate-cafe_23-2149944060.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David Miller",
|
||||
role: "Barista",
|
||||
testimonial: "Excellent bean quality, highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16254.jpg",
|
||||
},
|
||||
id: "t2", name: "David Miller", role: "Barista", testimonial: "Excellent bean quality, highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16254.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Davis",
|
||||
role: "Student",
|
||||
testimonial: "Smooth taste, perfect for late nights.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mixed-race-man-drawing-sunny-loft-listening-music-earphonesimages-with-sunny-flairs_633478-1152.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily Davis", role: "Student", testimonial: "Smooth taste, perfect for late nights.", imageSrc: "http://img.b2bpic.net/free-photo/mixed-race-man-drawing-sunny-loft-listening-music-earphonesimages-with-sunny-flairs_633478-1152.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Michael Wilson",
|
||||
role: "Professional",
|
||||
testimonial: "Simply the best coffee brand I've tried.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-girl-barista-pouring-hot-water-from-kettle-brewing-filter-coffee-standing_1258-203358.jpg",
|
||||
},
|
||||
id: "t4", name: "Michael Wilson", role: "Professional", testimonial: "Simply the best coffee brand I've tried.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-girl-barista-pouring-hot-water-from-kettle-brewing-filter-coffee-standing_1258-203358.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica Brown",
|
||||
role: "Creative",
|
||||
testimonial: "Flavor profile is consistent and rich.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-attractive-young-european-female-with-brown-chocolate-hair-wearing-elegant-black-dress-holding-cup-cappuccino-daydreaming-enjoying-hot-fresh-drink-while-sitting-cozy-coffee-shop_273609-67.jpg",
|
||||
},
|
||||
id: "t5", name: "Jessica Brown", role: "Creative", testimonial: "Flavor profile is consistent and rich.", imageSrc: "http://img.b2bpic.net/free-photo/pensive-attractive-young-european-female-with-brown-chocolate-hair-wearing-elegant-black-dress-holding-cup-cappuccino-daydreaming-enjoying-hot-fresh-drink-while-sitting-cozy-coffee-shop_273609-67.jpg"},
|
||||
]}
|
||||
title="What They Say"
|
||||
description="Join our community of coffee lovers."
|
||||
@@ -353,14 +225,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"The Daily Roast",
|
||||
"Coffee Weekly",
|
||||
"Bean Haven",
|
||||
"Morning Brew Weekly",
|
||||
"Roast Daily",
|
||||
"Caffeine Corner",
|
||||
"Bean Culture",
|
||||
]}
|
||||
"The Daily Roast", "Coffee Weekly", "Bean Haven", "Morning Brew Weekly", "Roast Daily", "Caffeine Corner", "Bean Culture"]}
|
||||
title="Trusted by Leaders"
|
||||
description="Proudly featured by top industry voices."
|
||||
/>
|
||||
@@ -370,16 +235,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Let's Talk"
|
||||
title="Ready for your best cup?"
|
||||
description="Join our newsletter or get in touch for corporate wholesale."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -390,42 +252,27 @@ export default function LandingPage() {
|
||||
logoText="Kopi Aloo"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Beans",
|
||||
href: "#products",
|
||||
},
|
||||
label: "All Beans", href: "#products"},
|
||||
{
|
||||
label: "Subscribe",
|
||||
href: "#",
|
||||
},
|
||||
label: "Subscribe", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQs", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user