Merge version_2 into main #2
128
src/app/page.tsx
128
src/app/page.tsx
@@ -12,6 +12,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { ShieldCheck, Zap, Warehouse } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,23 +32,23 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Roastery", id: "#about" },
|
||||
{ name: "Beans", id: "#products" },
|
||||
{ name: "Experience", id: "#features" },
|
||||
{ name: "Community", id: "#testimonials" }
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Rates", id: "#products" },
|
||||
{ name: "Services", id: "#about" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="Terrible Love"
|
||||
brandName="Rania Mandi Shop"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="Terrible Love Coffee"
|
||||
description="Coffee Crafted in Three Dimensions. Explore our roastery, discover single origins, and experience specialty coffee like never before. Every bean tells a story."
|
||||
buttons={[{ text: "Enter the Roastery", href: "#about" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-coffee-beans-grinder_53876-165382.jpg"
|
||||
imageAlt="Coffee beans falling"
|
||||
logoText="Rania Anaj Mandi Commission Shop"
|
||||
description="Trusted commission agents in Rania, serving farmers with integrity. We offer fast, fair, and reliable crop handling services."
|
||||
buttons={[{ text: "Explore Services", href: "#about" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/warehouse-interior-industrial-building_23-2148700200.jpg"
|
||||
imageAlt="Agricultural warehouse facility"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -56,34 +57,18 @@ export default function LandingPage() {
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="The Roastery Craft"
|
||||
description="We believe in the beauty of the roast. Our roastery is a space of precision and passion, where we transform raw green beans into complex, aromatic experiences. Join us in the three-dimensional journey from farm to cup."
|
||||
title="Farmer-First Services"
|
||||
description="We pride ourselves on supporting the agricultural backbone of Rania. From commission-based trading to secure storage and fast payments, we handle every detail so you can focus on farming."
|
||||
bulletPoints={[
|
||||
{ title: "Precision Roasting", description: "Micro-batch roasting that highlights inherent origin characteristics." },
|
||||
{ title: "Ethical Sourcing", description: "Long-term relationships with farmers ensuring fair trade and quality." },
|
||||
{ title: "Immersive Discovery", description: "A sensory journey that connects you to the origins of your coffee." }
|
||||
{ title: "Commission Services", description: "Fair and transparent trade practices with competitive market reach.", icon: ShieldCheck },
|
||||
{ title: "Fast Payments", description: "Direct bank transfers and prompt settlement after successful sale.", icon: Zap },
|
||||
{ title: "Storage Support", description: "Climate-monitored, secure warehouse facility for your harvest.", icon: Warehouse }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-coffee-beans-container_23-2148523093.jpg"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/farmer-holding-wheat-grains-hands_23-2149182379.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Sensory Exploration", description: "Interactive notes on every brew profile.", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-roasted-coffee-beans_23-2151083809.jpg" },
|
||||
{ title: "Virtual Roasting Tours", description: "Step into our process through 3D visual storytelling.", imageSrc: "http://img.b2bpic.net/free-photo/hands-with-coffee-beans-coffee-beans-that-are-dried_1150-5756.jpg" },
|
||||
{ title: "Traceable Origins", description: "Know the altitude, soil, and producer of your beans.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-brown-coffee-seeds-boys-hands_179666-890.jpg" }
|
||||
]}
|
||||
title="Experience the Difference"
|
||||
description="We blend technology and craftsmanship to bring you closer to the source."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
@@ -91,60 +76,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Ethiopian Yirgacheffe", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/delicious-coffee-with-foam-table_23-2149514321.jpg" },
|
||||
{ id: "2", name: "Colombian Huila", price: "$20", imageSrc: "http://img.b2bpic.net/free-photo/gold-colored-coffee-bag-displayed-wooden-table-coffee-shop_23-2151965917.jpg" },
|
||||
{ id: "3", name: "Sumatran Mandheling", price: "$24", imageSrc: "http://img.b2bpic.net/free-photo/front-view-coffee-beans-cup_23-2148759288.jpg" },
|
||||
{ id: "4", name: "Kenyan AA", price: "$26", imageSrc: "http://img.b2bpic.net/free-photo/clean-white-paper-bags-with-coffee-cup-table_9975-134629.jpg" },
|
||||
{ id: "5", name: "Costa Rican Tarrazu", price: "$23", imageSrc: "http://img.b2bpic.net/free-photo/delicious-coffee-cup-bottle-arrangement_23-2149600691.jpg" },
|
||||
{ id: "6", name: "Brazilian Cerrado", price: "$21", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-black-can-with-coffee-beans-wooden-surface_181624-22719.jpg" }
|
||||
{ id: "1", name: "Wheat (Grade A)", price: "Market Rates", imageSrc: "http://img.b2bpic.net/free-photo/wheat-field-harvest_23-2148967923.jpg" },
|
||||
{ id: "2", name: "Mustard Seeds", price: "Market Rates", imageSrc: "http://img.b2bpic.net/free-photo/mustard-seeds-heap_23-2148567281.jpg" },
|
||||
{ id: "3", name: "Cotton (Raw)", price: "Market Rates", imageSrc: "http://img.b2bpic.net/free-photo/cotton-field-harvest_23-2148425145.jpg" }
|
||||
]}
|
||||
title="Single Origin Collection"
|
||||
description="Discover our limited release beans, curated for discerning palates."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "15", title: "Origin Countries", description: "Supporting diverse farming communities globally.", imageSrc: "http://img.b2bpic.net/free-photo/earth-day-environment-eco-concept-isolated-white-background_185193-110630.jpg" },
|
||||
{ id: "m2", value: "200+", title: "Direct Farmers", description: "Building sustainable partnerships for quality.", imageSrc: "http://img.b2bpic.net/free-photo/artificial-leaves-paper-cut-style-green-rose_23-2148301096.jpg" },
|
||||
{ id: "m3", value: "100%", title: "Ethically Sourced", description: "Transparency from farm to your cup.", imageSrc: "http://img.b2bpic.net/free-photo/3d-environment-project-scene_23-2148895998.jpg" }
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Transparency and ethics define every roast we touch."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alex R.", handle: "@coffeeaddict", testimonial: "The immersive roasting journey is like nothing else I've experienced.", imageSrc: "http://img.b2bpic.net/free-photo/working-from-home-ergonomic-workstation_23-2149204698.jpg" },
|
||||
{ id: "2", name: "Jamie L.", handle: "@brewinglife", testimonial: "Truly the best ethically sourced beans I've ever tasted.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-attractive-positive-woman-having-coffee_1262-881.jpg" },
|
||||
{ id: "3", name: "Sarah K.", handle: "@dailybrew", testimonial: "Terrible Love brings coffee culture to life online.", imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-matcha-tea_23-2150215054.jpg" },
|
||||
{ id: "4", name: "Mark D.", handle: "@beanenthusiast", testimonial: "I appreciate the transparency about where my beans come from.", imageSrc: "http://img.b2bpic.net/free-photo/outside-portrait-charming-pretty-lady-with-brown-hair-wearing-white-sweater-scarf-drinking-coffee-street-lights_291650-1375.jpg" },
|
||||
{ id: "5", name: "Emily V.", handle: "@roastfinder", testimonial: "An incredible experience from discovery to the first sip.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-pretty-woman-holding-mug-looking-camera_1262-15222.jpg" }
|
||||
]}
|
||||
title="Community Voices"
|
||||
description="Join our growing family of specialty coffee lovers."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "How do you source beans?", content: "We work directly with small-scale farmers prioritizing ethical standards." },
|
||||
{ id: "f2", title: "How often do you roast?", content: "We roast in micro-batches every Tuesday to ensure maximum freshness." },
|
||||
{ id: "f3", title: "Can I subscribe?", content: "Yes, join our coffee club for regular deliveries to your doorstep." }
|
||||
]}
|
||||
sideTitle="Questions? Brew away."
|
||||
faqsAnimation="slide-up"
|
||||
title="Live Mandi Rates"
|
||||
description="Stay updated with the latest crop prices from our market daily."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -152,29 +89,22 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
text="Have a question about our roastery or need help choosing the perfect origin? We're here to talk coffee anytime."
|
||||
buttons={[{ text: "Contact Us", href: "mailto:hello@terriblelove.coffee" }]}
|
||||
text="Need immediate assistance with selling your produce or have questions about our rates? Our office in Rania is ready to help."
|
||||
buttons={[{ text: "Call Our Commission Office", href: "tel:+919999999999" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Terrible Love"
|
||||
logoText="Rania Mandi"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop", items: [{ label: "Origins", href: "#products" }, { label: "Subscriptions", href: "#" }]
|
||||
},
|
||||
{
|
||||
title: "Community", items: [{ label: "Our Roastery", href: "#about" }, { label: "Impact", href: "#metrics" }]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [{ label: "Terms", href: "#" }, { label: "Privacy", href: "#" }]
|
||||
}
|
||||
{ title: "Services", items: [{ label: "Crop Sales", href: "#products" }, { label: "Storage", href: "#about" }] },
|
||||
{ title: "Contact", items: [{ label: "Call Us", href: "#contact" }, { label: "Visit Us", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2025 Terrible Love Coffee."
|
||||
copyrightText="© 2025 Rania Anaj Mandi Shop."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user