From c96ce39169327c45a2d447a3240e31d5274fc03b Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 12 Jun 2026 01:31:27 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 415 ++++++++++------------------------------------- 1 file changed, 88 insertions(+), 327 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index e9ed9e4..b19a2f4 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -12,7 +12,7 @@ import PricingCardOne from '@/components/sections/pricing/PricingCardOne'; import ProductCardThree from '@/components/sections/product/ProductCardThree'; import SplitAbout from '@/components/sections/about/SplitAbout'; import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive'; -import { Award, Briefcase, Clock, Flame, Globe, Heart, Leaf, Scale, Sparkles } from "lucide-react"; +import { Award, Briefcase, Clock, Flame, Globe, Heart, Leaf, Scale, Sparkles, Temperature } from "lucide-react"; export default function LandingPage() { return ( @@ -33,33 +33,19 @@ export default function LandingPage() { @@ -69,109 +55,59 @@ export default function LandingPage() { @@ -185,19 +121,13 @@ export default function LandingPage() { description="Kholasa Coffee is built on a foundation of passion for exceptional coffee. We source premium beans from around the world, ensuring ethical practices and sustainable farming. Our master roasters then apply decades of expertise to unlock each bean's unique potential, delivering a taste that truly inspires." bulletPoints={[ { - title: "Ethical Sourcing", - description: "We partner directly with farmers, ensuring fair wages and sustainable practices from seed to cup.", - icon: Heart, + title: "Ethical Sourcing", description: "We partner directly with farmers, ensuring fair wages and sustainable practices from seed to cup.", icon: Heart, }, { - title: "Artisan Roasting", - description: "Our small-batch roasting process highlights unique flavor profiles, crafted by experienced roasters.", - icon: Flame, + title: "Artisan Roasting", description: "Our small-batch roasting process highlights unique flavor profiles, crafted by experienced roasters.", icon: Flame, }, { - title: "Freshness Guaranteed", - description: "Every bag is roasted to order and shipped quickly to ensure peak flavor and aroma.", - icon: Leaf, + title: "Freshness Guaranteed", description: "Every bag is roasted to order and shipped quickly to ensure peak flavor and aroma.", icon: Leaf, }, ]} imageSrc="http://img.b2bpic.net/free-photo/hands-that-are-picking-coffee-beans-from-coffee-tree_1150-5759.jpg" @@ -213,57 +143,30 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Global Sourcing", - description: "We travel the world to find the most exquisite coffee beans, selecting only those with exceptional quality and unique characteristics.", - bentoComponent: "reveal-icon", - icon: Globe, - imageSrc: "http://img.b2bpic.net/free-photo/closeup-roasted-coffee-beans-lights-with-blurred-edges_181624-14430.jpg", - imageAlt: "coffee beans bag burlap", + title: "Global Sourcing", description: "We travel the world to find the most exquisite coffee beans, selecting only those with exceptional quality and unique characteristics.", bentoComponent: "reveal-icon", icon: Globe }, { - title: "Precision Roasting", - description: "Our expert roasters monitor every batch, ensuring each bean is perfectly roasted to unlock its full flavor potential and aromatic complexity.", - bentoComponent: "icon-info-cards", - items: [ + title: "Precision Roasting", description: "Our expert roasters monitor every batch, ensuring each bean is perfectly roasted to unlock its full flavor potential and aromatic complexity.", bentoComponent: "icon-info-cards", items: [ { icon: Temperature, - label: "Temperature", - value: "205°C", - }, + label: "Temperature", value: "205°C"}, { icon: Clock, - label: "Duration", - value: "12 min", - }, + label: "Duration", value: "12 min"}, { icon: Scale, - label: "Batch Size", - value: "15 kg", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/view-fresh-coffee-cup_23-2150698741.jpg?_wi=2", - imageAlt: "coffee beans bag burlap", + label: "Batch Size", value: "15 kg"}, + ] }, { - title: "Sensory Experience", - description: "Beyond taste, we focus on the complete sensory journey – from the inviting aroma to the satisfying aftertaste of every cup.", - bentoComponent: "media-stack", - items: [ + title: "Sensory Experience", description: "Beyond taste, we focus on the complete sensory journey – from the inviting aroma to the satisfying aftertaste of every cup.", bentoComponent: "media-stack", items: [ { - imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg?_wi=2", - imageAlt: "Burlap bag of raw coffee beans", - }, + imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg", imageAlt: "Burlap bag of raw coffee beans"}, { - imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-machine-cups-with-different-stages-coffee_23-2148522954.jpg", - imageAlt: "Close-up of coffee grinder with fresh grounds", - }, + imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-machine-cups-with-different-stages-coffee_23-2148522954.jpg", imageAlt: "Close-up of coffee grinder with fresh grounds"}, { - imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-pillow-formed-biscuits-bright-desk-coffee-cookie-biscuit-sweet-dough_140725-32048.jpg", - imageAlt: "Steaming cup of coffee on a wooden table", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-attractive-woman-elegant-hotel-cafeteria_657883-403.jpg?_wi=2", - imageAlt: "coffee beans bag burlap", + imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-pillow-formed-biscuits-bright-desk-coffee-cookie-biscuit-sweet-dough_140725-32048.jpg", imageAlt: "Steaming cup of coffee on a wooden table"}, + ] }, ]} title="Our Craft: From Bean to Brew" @@ -276,49 +179,20 @@ export default function LandingPage() { textboxLayout="default" gridVariant="two-columns-alternating-heights" useInvertedBackground={false} + animationType="slide-up" products={[ { - id: "1", - name: "Espresso Forte Blend", - price: "45 SAR", - imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-wooden-old-background_1220-7514.jpg", - imageAlt: "Bag of Espresso Forte coffee blend", - }, + id: "1", name: "Espresso Forte Blend", price: "45 SAR", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-wooden-old-background_1220-7514.jpg", imageAlt: "Bag of Espresso Forte coffee blend"}, { - id: "2", - name: "Morning Ritual Medium Roast", - price: "40 SAR", - imageSrc: "http://img.b2bpic.net/free-photo/closeup-glass-jar-with-wooden-cap-wooden-tray_181624-45964.jpg", - imageAlt: "Bag of Morning Ritual medium roast coffee", - }, + id: "2", name: "Morning Ritual Medium Roast", price: "40 SAR", imageSrc: "http://img.b2bpic.net/free-photo/closeup-glass-jar-with-wooden-cap-wooden-tray_181624-45964.jpg", imageAlt: "Bag of Morning Ritual medium roast coffee"}, { - id: "3", - name: "Bright & Fruity Light Roast", - price: "42 SAR", - imageSrc: "http://img.b2bpic.net/free-photo/brown-coffee-beans-seed_74190-2167.jpg", - imageAlt: "Bag of Bright & Fruity light roast coffee", - }, + id: "3", name: "Bright & Fruity Light Roast", price: "42 SAR", imageSrc: "http://img.b2bpic.net/free-photo/brown-coffee-beans-seed_74190-2167.jpg", imageAlt: "Bag of Bright & Fruity light roast coffee"}, { - id: "4", - name: "Decaf Delight", - price: "38 SAR", - imageSrc: "http://img.b2bpic.net/free-photo/big-hermetic-metallic-package-filled-with-freshly-baked-roasted-coffee_346278-412.jpg", - imageAlt: "Bag of Decaf Delight coffee", - }, + id: "4", name: "Decaf Delight", price: "38 SAR", imageSrc: "http://img.b2bpic.net/free-photo/big-hermetic-metallic-package-filled-with-freshly-baked-roasted-coffee_346278-412.jpg", imageAlt: "Bag of Decaf Delight coffee"}, { - id: "5", - name: "Single Origin: Ethiopia Yirgacheffe", - price: "50 SAR", - imageSrc: "http://img.b2bpic.net/free-photo/closeup-paper-bag-with-roasted-coffee-beans-lights-isolated-white-background_181624-60278.jpg", - imageAlt: "Bag of Ethiopia Yirgacheffe single origin coffee", - }, + id: "5", name: "Single Origin: Ethiopia Yirgacheffe", price: "50 SAR", imageSrc: "http://img.b2bpic.net/free-photo/closeup-paper-bag-with-roasted-coffee-beans-lights-isolated-white-background_181624-60278.jpg", imageAlt: "Bag of Ethiopia Yirgacheffe single origin coffee"}, { - id: "6", - name: "Artisan Dark Roast", - price: "47 SAR", - imageSrc: "http://img.b2bpic.net/free-photo/pile-freshly-ground-coffee-filter-isolated-white-background_181624-60673.jpg", - imageAlt: "Bag of Artisan Dark Roast coffee", - }, + id: "6", name: "Artisan Dark Roast", price: "47 SAR", imageSrc: "http://img.b2bpic.net/free-photo/pile-freshly-ground-coffee-filter-isolated-white-background_181624-60673.jpg", imageAlt: "Bag of Artisan Dark Roast coffee"}, ]} title="Our Signature Coffee Blends" description="Explore our curated selection of freshly roasted coffee beans. Each blend is crafted for a unique flavor profile, perfect for every coffee lover." @@ -332,43 +206,19 @@ export default function LandingPage() { useInvertedBackground={false} plans={[ { - id: "monthly", - badge: "Popular", - badgeIcon: Sparkles, - price: "120 SAR/month", - subtitle: "Monthly Coffee Subscription", - features: [ - "2 bags of premium beans", - "Delivered fresh monthly", - "Exclusive blend access", - "Free shipping", - ], + id: "monthly", badge: "Popular", badgeIcon: Sparkles, + price: "120 SAR/month", subtitle: "Monthly Coffee Subscription", features: [ + "2 bags of premium beans", "Delivered fresh monthly", "Exclusive blend access", "Free shipping"], }, { - id: "quarterly", - badge: "Best Value", - badgeIcon: Award, - price: "330 SAR/quarter", - subtitle: "Quarterly Coffee Subscription", - features: [ - "6 bags of premium beans", - "Delivered fresh every 3 months", - "Priority access to new roasts", - "Save 10% compared to monthly", - ], + id: "quarterly", badge: "Best Value", badgeIcon: Award, + price: "330 SAR/quarter", subtitle: "Quarterly Coffee Subscription", features: [ + "6 bags of premium beans", "Delivered fresh every 3 months", "Priority access to new roasts", "Save 10% compared to monthly"], }, { - id: "bulk", - badge: "For Businesses", - badgeIcon: Briefcase, - price: "Custom Quote", - subtitle: "Wholesale & Bulk Orders", - features: [ - "Discounted pricing for large quantities", - "Dedicated account manager", - "Custom roast profiles available", - "Flexible delivery options", - ], + id: "bulk", badge: "For Businesses", badgeIcon: Briefcase, + price: "Custom Quote", subtitle: "Wholesale & Bulk Orders", features: [ + "Discounted pricing for large quantities", "Dedicated account manager", "Custom roast profiles available", "Flexible delivery options"], }, ]} title="Subscription & Bulk Options" @@ -382,60 +232,15 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", - name: "Noura A.", - date: "2 weeks ago", - title: "Absolutely hooked!", - quote: "I never knew coffee could taste this good. Kholasa's blends are incredibly smooth and full of character. My new daily essential!", - tag: "Five Stars", - avatarSrc: "http://img.b2bpic.net/free-photo/young-man-having-coffee_23-2147859252.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/content-confident-businesswoman-holding-mug-folder_1262-17843.jpg", - imageAlt: "Latte art in a coffee cup", - }, + id: "1", name: "Noura A.", date: "2 weeks ago", title: "Absolutely hooked!", quote: "I never knew coffee could taste this good. Kholasa's blends are incredibly smooth and full of character. My new daily essential!", tag: "Five Stars", avatarSrc: "http://img.b2bpic.net/free-photo/young-man-having-coffee_23-2147859252.jpg", imageSrc: "http://img.b2bpic.net/free-photo/content-confident-businesswoman-holding-mug-folder_1262-17843.jpg", imageAlt: "Latte art in a coffee cup"}, { - id: "2", - name: "Fahad Z.", - date: "1 month ago", - title: "True artisan quality", - quote: "The passion for coffee truly shines through in every bean. The roasting is perfect, bringing out the unique notes of each origin. Highly impressed!", - tag: "Exceptional Taste", - avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-looking-camera_23-2148187139.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-ground-powder_1150-18218.jpg", - imageAlt: "Close-up of roasted coffee beans", - }, + id: "2", name: "Fahad Z.", date: "1 month ago", title: "True artisan quality", quote: "The passion for coffee truly shines through in every bean. The roasting is perfect, bringing out the unique notes of each origin. Highly impressed!", tag: "Exceptional Taste", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-looking-camera_23-2148187139.jpg", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-ground-powder_1150-18218.jpg", imageAlt: "Close-up of roasted coffee beans"}, { - id: "3", - name: "Sara H.", - date: "3 months ago", - title: "My go-to roastery", - quote: "Kholasa Coffee delivers on all fronts: quality, freshness, and outstanding customer service. Their subscription makes sure I never run out!", - tag: "Reliable & Delicious", - avatarSrc: "http://img.b2bpic.net/free-photo/happy-young-handsome-man-sitting-cafe-table_1262-975.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/man-making-drip-fresh-coffee-vintage-coffee-shop_1150-14514.jpg", - imageAlt: "Person brewing coffee with a French press", - }, + id: "3", name: "Sara H.", date: "3 months ago", title: "My go-to roastery", quote: "Kholasa Coffee delivers on all fronts: quality, freshness, and outstanding customer service. Their subscription makes sure I never run out!", tag: "Reliable & Delicious", avatarSrc: "http://img.b2bpic.net/free-photo/happy-young-handsome-man-sitting-cafe-table_1262-975.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-making-drip-fresh-coffee-vintage-coffee-shop_1150-14514.jpg", imageAlt: "Person brewing coffee with a French press"}, { - id: "4", - name: "Majid B.", - date: "5 months ago", - title: "Best in the city", - quote: "Having tried countless local coffee shops, Kholasa stands out with its unique and meticulously roasted selections. A must-try for any coffee connoisseur.", - tag: "Local Favorite", - avatarSrc: "http://img.b2bpic.net/free-photo/side-view-outdoor-portrait-excited-happy-african-man-with-afro-hairstyle-holding-headphones-while-listening-music-smiling-broadly-being-amazed-with-what-he-hears_176420-19810.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/food-packaging-kraft-bag-delivery_53876-129990.jpg", - imageAlt: "Stylish coffee packaging on a wooden table", - }, + id: "4", name: "Majid B.", date: "5 months ago", title: "Best in the city", quote: "Having tried countless local coffee shops, Kholasa stands out with its unique and meticulously roasted selections. A must-try for any coffee connoisseur.", tag: "Local Favorite", avatarSrc: "http://img.b2bpic.net/free-photo/side-view-outdoor-portrait-excited-happy-african-man-with-afro-hairstyle-holding-headphones-while-listening-music-smiling-broadly-being-amazed-with-what-he-hears_176420-19810.jpg", imageSrc: "http://img.b2bpic.net/free-photo/food-packaging-kraft-bag-delivery_53876-129990.jpg", imageAlt: "Stylish coffee packaging on a wooden table"}, { - id: "5", - name: "Hassan G.", - date: "6 months ago", - title: "A delightful discovery!", - quote: "I stumbled upon Kholasa Coffee and I'm so glad I did. The aroma fills my kitchen every morning, and the flavor is simply exquisite. Bravo!", - tag: "Amazing Aroma", - avatarSrc: "http://img.b2bpic.net/free-photo/mature-engineer-young-worker-cooperating-while-going-through-paperwork-work-industrial-facility_637285-4154.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-tea-inside-cup-plate-white-surface_140725-62157.jpg", - imageAlt: "Coffee cup on a rustic wooden surface", - }, + id: "5", name: "Hassan G.", date: "6 months ago", title: "A delightful discovery!", quote: "I stumbled upon Kholasa Coffee and I'm so glad I did. The aroma fills my kitchen every morning, and the flavor is simply exquisite. Bravo!", tag: "Amazing Aroma", avatarSrc: "http://img.b2bpic.net/free-photo/mature-engineer-young-worker-cooperating-while-going-through-paperwork-work-industrial-facility_637285-4154.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-tea-inside-cup-plate-white-surface_140725-62157.jpg", imageAlt: "Coffee cup on a rustic wooden surface"}, ]} title="What Our Customers Say" description="Our community loves the Kholasa Coffee experience. Hear directly from those who savor our exceptional roasts." @@ -448,35 +253,17 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "q1", - title: "What makes Kholasa Coffee special?", - content: "At Kholasa Coffee, we focus on ethical sourcing, small-batch artisan roasting, and ensuring peak freshness. We hand-select premium beans and roast them to perfection to highlight their unique characteristics and deliver an exceptional taste.", - }, + id: "q1", title: "What makes Kholasa Coffee special?", content: "At Kholasa Coffee, we focus on ethical sourcing, small-batch artisan roasting, and ensuring peak freshness. We hand-select premium beans and roast them to perfection to highlight their unique characteristics and deliver an exceptional taste."}, { - id: "q2", - title: "Where do you source your coffee beans?", - content: "We travel globally to establish direct relationships with coffee farmers. Our beans come from renowned regions like Ethiopia, Colombia, Brazil, and Guatemala, ensuring quality and sustainability.", - }, + id: "q2", title: "Where do you source your coffee beans?", content: "We travel globally to establish direct relationships with coffee farmers. Our beans come from renowned regions like Ethiopia, Colombia, Brazil, and Guatemala, ensuring quality and sustainability."}, { - id: "q3", - title: "Do you offer different roast levels?", - content: "Yes, we offer a range of roast levels from light to dark, including custom blends. Each roast is carefully developed to bring out the optimal flavors of the specific beans.", - }, + id: "q3", title: "Do you offer different roast levels?", content: "Yes, we offer a range of roast levels from light to dark, including custom blends. Each roast is carefully developed to bring out the optimal flavors of the specific beans."}, { - id: "q4", - title: "How often do you roast your coffee?", - content: "We roast our coffee in small batches multiple times a week to guarantee freshness. Your order is typically roasted within days of being shipped to ensure you receive the freshest possible beans.", - }, + id: "q4", title: "How often do you roast your coffee?", content: "We roast our coffee in small batches multiple times a week to guarantee freshness. Your order is typically roasted within days of being shipped to ensure you receive the freshest possible beans."}, { - id: "q5", - title: "What are your shipping options?", - content: "We offer various shipping options, including standard and expedited delivery. Shipping costs and estimated delivery times are calculated at checkout based on your location and chosen service.", - }, + id: "q5", title: "What are your shipping options?", content: "We offer various shipping options, including standard and expedited delivery. Shipping costs and estimated delivery times are calculated at checkout based on your location and chosen service."}, { - id: "q6", - title: "Can I visit your roastery?", - content: "Our roastery is open for tours and tastings by appointment. Please contact us to schedule a visit and experience our roasting process firsthand.", - }, + id: "q6", title: "Can I visit your roastery?", content: "Our roastery is open for tours and tastings by appointment. Please contact us to schedule a visit and experience our roasting process firsthand."}, ]} title="Frequently Asked Questions" description="Find answers to common questions about our coffee, roasting process, ordering, and delivery." @@ -488,8 +275,7 @@ export default function LandingPage() {