bender/b54cef83-89fd-43a6-97c2-5d05d3491f3d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #7

Merged
bender merged 7 commits from version_2 into main 2026-03-09 21:39:47 +00:00
Conversation 0 Commits 7 Files Changed 7 +883 -1403
7 changed files with 883 additions and 1403 deletions
Download Patch File Download Diff File Expand all files Collapse all files

198
src/app/about/page.tsx Normal file
View File

@@ -0,0 +1,198 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Sparkles } from 'lucide-react';
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="mediumSizeLargeTitles"
background="none"
cardStyle="gradient-radial"
primaryButtonStyle="flat"
secondaryButtonStyle="radial-glow"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "home" },
{ name: "Our Story", id: "/about" },
{ name: "Products", id: "products" },
{ name: "Benefits", id: "benefits" },
{ name: "Find Store", id: "contact" }
]}
button={{
text: "Order Now", href: "contact"
}}
brandName="Lahori Zeera"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
title="Our Journey of Authentic Flavor"
description="From humble beginnings to becoming India's trusted cumin soda brand, Lahori Zeera has stayed true to its roots while innovating for modern palates. Discover the story behind every bottle."
background={{ variant: "glowing-orb" }}
kpis={[
{ value: "25+", label: "Years of Heritage" },
{ value: "10M+", label: "Happy Customers" },
{ value: "100%", label: "Quality Commitment" }
]}
enableKpiAnimation={true}
tag="About Us"
tagIcon={Sparkles}
buttons={[
{ text: "View Our Story", href: "#history" },
{ text: "Meet Our Team", href: "#team" }
]}
imageSrc="http://img.b2bpic.net/free-photo/homemade-kombucha-with-lime-lemon-bottle_501050-508.jpg"
imageAlt="Lahori Zeera heritage brand bottle"
mediaAnimation="slide-up"
imagePosition="right"
/>
</div>
<div id="history" data-section="history">
<MetricSplitMediaAbout
tag="Our History"
tagIcon={Sparkles}
title="A Quarter Century of Tradition"
description="Lahori Zeera was founded with a simple mission: to bring authentic desi flavors to modern India. What started as a small family business has grown into a beloved national brand, all while maintaining the original recipe that makes our cumin soda uniquely delicious."
metrics={[
{ value: "25+", title: "Years Building Trust" },
{ value: "100%", title: "Recipe Authenticity" }
]}
imageSrc="http://img.b2bpic.net/free-photo/adult-man-holding-glass-cola_23-2147818892.jpg"
imageAlt="Lahori Zeera founder with original bottle"
useInvertedBackground={false}
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="mission" data-section="mission">
<FeatureCardEight
title="Our Mission & Values"
description="At Lahori Zeera, we believe in celebrating heritage while embracing innovation. Our core values guide every decision we make, from sourcing ingredients to serving our customers."
features={[
{
id: 1,
title: "Authenticity First", description: "We preserve the original family recipe that has delighted generations. No compromises on taste or quality.", imageSrc: "http://img.b2bpic.net/free-photo/cinnamon-sticks-tablespoon-brown-sugar_169016-5553.jpg?_wi=1", imageAlt: "Traditional spices and ingredients"
},
{
id: 2,
title: "Quality Commitment", description: "Every bottle is crafted with premium cumin and natural ingredients. We maintain the highest standards in every batch.", imageSrc: "http://img.b2bpic.net/free-photo/quality-control-check_23-2149444662.jpg", imageAlt: "Quality assurance process"
},
{
id: 3,
title: "Customer Care", description: "Your satisfaction is our priority. We listen to feedback and continuously improve to serve you better.", imageSrc: "http://img.b2bpic.net/free-photo/friendly-customer-service-representative_23-2148932277.jpg", imageAlt: "Customer service excellence"
},
{
id: 4,
title: "Sustainable Growth", description: "We believe in growing responsibly—supporting local farmers, minimizing waste, and contributing to communities.", imageSrc: "http://img.b2bpic.net/free-photo/green-environment-concept_23-2149444662.jpg", imageAlt: "Sustainable practices"
}
]}
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="team" data-section="team">
<TeamCardTen
title="Meet Our Dedicated Team"
tag="Our Team"
tagAnimation="slide-up"
membersAnimation="slide-up"
members={[
{
id: "1", name: "Arjun Malik", imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-man_23-2149216899.jpg", imageAlt: "Arjun Malik - Founder & CEO"
},
{
id: "2", name: "Priya Sharma", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-posing-street_23-2148213514.jpg", imageAlt: "Priya Sharma - Head of Quality"
},
{
id: "3", name: "Rajesh Kumar", imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-man_23-2149345332.jpg", imageAlt: "Rajesh Kumar - Operations Lead"
},
{
id: "4", name: "Anjali Patel", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg", imageAlt: "Anjali Patel - Customer Relations"
}
]}
memberVariant="card"
useInvertedBackground={false}
/>
</div>
<div id="quality" data-section="quality">
<MetricCardFourteen
title="Our Commitment to Quality and Excellence"
tag="Quality Assurance"
tagAnimation="slide-up"
metrics={[
{
id: "1", value: "100%", description: "Natural ingredients sourced from trusted suppliers. Every bottle meets our rigorous purity standards."
},
{
id: "2", value: "0 Artificial", description: "No artificial flavors, colors, or preservatives. Just pure, authentic cumin soda crafted the traditional way."
},
{
id: "3", value: "ISO Certified", description: "Our facilities maintain international quality certifications ensuring consistency and safety in every batch."
},
{
id: "4", value: "Regular Testing", description: "Continuous lab testing and quality checks throughout production ensure excellence in every bottle."
}
]}
metricsAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="Lahori Zeera"
columns={[
{
items: [
{ label: "About Us", href: "/about" },
{ label: "Our Story", href: "/about" },
{ label: "Team", href: "/about#team" }
]
},
{
items: [
{ label: "Products", href: "/#products" },
{ label: "Find Store", href: "/#contact" },
{ label: "Distributor Info", href: "/#contact" }
]
},
{
items: [
{ label: "Contact", href: "/#contact" },
{ label: "Email", href: "#" },
{ label: "Social Media", href: "#" }
]
},
{
items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms & Conditions", href: "#" },
{ label: "Sustainability", href: "#" }
]
}
]}
/>
</div>
</ThemeProvider>
);
}

218
src/app/distributor/page.tsx Normal file
View File

@@ -0,0 +1,218 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Sparkles, MapPin, TrendingUp, Users } from 'lucide-react';
export default function DistributorPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="mediumSizeLargeTitles"
background="none"
cardStyle="gradient-radial"
primaryButtonStyle="flat"
secondaryButtonStyle="radial-glow"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "home" },
{ name: "Our Story", id: "about" },
{ name: "Products", id: "products" },
{ name: "Benefits", id: "benefits" },
{ name: "Find Store", id: "contact" },
{ name: "Distributor", id: "distributor" },
{ name: "Manufacturing", id: "manufacturing" }
]}
button={{
text: "Order Now", href: "contact"
}}
brandName="Lahori Zeera"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
title="Join Our Distribution Network"
description="Become a key partner in bringing authentic Lahori Zeera to markets across India. Expand your distribution portfolio with a premium, high-demand beverage brand."
background={{ variant: "glowing-orb" }}
kpis={[
{ value: "500+", label: "Active Distributors" },
{ value: "50+", label: "States Covered" },
{ value: "100K+", label: "Retail Outlets" }
]}
enableKpiAnimation={true}
tag="Distribution Network"
tagIcon={Sparkles}
buttons={[
{ text: "Become a Distributor", href: "#partnership" },
{ text: "View Network Map", href: "#network" }
]}
imageSrc="http://img.b2bpic.net/free-photo/logistics-concept-illustration_114360-25207.jpg"
imageAlt="Distribution network logistics"
mediaAnimation="slide-up"
imagePosition="right"
/>
</div>
<div id="network" data-section="network">
<FeatureCardEight
title="Our Distribution Network Map"
description="Lahori Zeera is strategically distributed across major regions and emerging markets across India, ensuring consistent availability and brand presence."
features={[
{
id: 1,
title: "Northern Region Coverage", description: "Strong presence across Delhi, Punjab, Himachal Pradesh, and Haryana. Primary hub in Delhi serves northern distribution network with regular supply chain optimization.", imageSrc: "http://img.b2bpic.net/free-photo/map-with-pins-travel-concept_23-2147680850.jpg", imageAlt: "Northern region distribution map"
},
{
id: 2,
title: "Western Region Expansion", description: "Expanding rapidly in Maharashtra, Gujarat, and Rajasthan. Mumbai and Ahmedabad serve as secondary distribution hubs with growing retail network partnerships.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shipping-concept_23-2149350856.jpg", imageAlt: "Western region expansion"
},
{
id: 3,
title: "Pan-India Reach", description: "Emerging presence in Southern and Eastern markets. Developing distributor partnerships in Bangalore, Chennai, Kolkata, and other tier-2 cities for market penetration.", imageSrc: "http://img.b2bpic.net/free-photo/worldwide-logistics-network-illustration_23-2149371308.jpg", imageAlt: "Pan-India distribution network"
}
]}
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="listings" data-section="listings">
<MetricCardEleven
title="Distributor Network & Listings"
description="Meet key distributors across regions who drive Lahori Zeera's market presence and ensure timely delivery to retail partners."
metrics={[
{
id: "1", value: "Northern", title: "Delhi-NCR Hub Distributor", description: "Coverage: Delhi, Haryana, Punjab | Retail Outlets: 2,500+ | Logistics: Cold chain warehouses in 3 cities", imageSrc: "http://img.b2bpic.net/free-photo/warehouse-delivery-service_23-2149349850.jpg", imageAlt: "Northern hub distributor"
},
{
id: "2", value: "Western", title: "Mumbai Distribution Partner", description: "Coverage: Maharashtra, Gujarat | Retail Outlets: 1,800+ | Logistics: Advanced supply chain with delivery optimization", imageSrc: "http://img.b2bpic.net/free-photo/cargo-ship-delivering-containers_23-2149375826.jpg", imageAlt: "Western distribution partner"
},
{
id: "3", value: "Eastern", title: "Kolkata Regional Distributor", description: "Coverage: West Bengal, Bihar, Jharkhand | Retail Outlets: 1,200+ | Logistics: Regional warehouse with express delivery", imageSrc: "http://img.b2bpic.net/free-photo/logistics-manager-checking-shipping-boxes_23-2149361534.jpg", imageAlt: "Eastern regional distributor"
}
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="partnership" data-section="partnership">
<FeatureCardEight
title="Partnership Information"
description="Discover the benefits and requirements for joining Lahori Zeera's premium distribution network."
features={[
{
id: 1,
title: "Why Partner With Us", description: "High-margin premium beverage with growing demand. Strong brand backing with marketing support, consumer awareness campaigns, and promotional materials. Flexible payment terms with volume-based incentives and performance bonuses.", imageSrc: "http://img.b2bpic.net/free-photo/business-partners-shaking-hands-meeting_23-2149217833.jpg", imageAlt: "Partnership benefits meeting"
},
{
id: 2,
title: "Distributor Requirements", description: "Minimum order quantity: 500 cases per month. Dedicated sales team and retail network. Proper cold storage and logistics infrastructure. Commitment to brand guidelines and pricing standards. Territory-based exclusivity agreements available.", imageSrc: "http://img.b2bpic.net/free-photo/checklist-clipboard-document_23-2149213968.jpg", imageAlt: "Distributor requirements checklist"
},
{
id: 3,
title: "Support & Training", description: "Comprehensive onboarding program with product knowledge training. Point-of-sale materials and retail display support. Regular market analysis reports and sales optimization guidance. Dedicated account manager for ongoing support and relationship management.", imageSrc: "http://img.b2bpic.net/free-photo/business-team-training-presentation_23-2149195487.jpg", imageAlt: "Support and training programs"
}
]}
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="logistics" data-section="logistics">
<FeatureCardEight
title="Logistics & Supply Chain Details"
description="Our robust logistics infrastructure ensures timely delivery and consistent product quality across all distribution channels."
features={[
{
id: 1,
title: "Cold Chain Management", description: "Temperature-controlled warehouses maintained at 4-15°C across all distribution hubs. Refrigerated transport vehicles with GPS tracking for real-time monitoring. Quality assurance checkpoints at every stage of distribution to ensure product integrity.", imageSrc: "http://img.b2bpic.net/free-photo/refrigeration-storage-facility_23-2149378452.jpg", imageAlt: "Cold chain storage facility"
},
{
id: 2,
title: "Delivery Network", description: "Express delivery to retail outlets within 48 hours of order placement. Multi-modal transportation (road and rail) optimized for cost and speed. Real-time tracking system allows distributors to monitor shipments and plan inventory effectively.", imageSrc: "http://img.b2bpic.net/free-photo/delivery-truck-highway_23-2149381267.jpg", imageAlt: "Delivery truck on highway"
},
{
id: 3,
title: "Quality Control Standards", description: "Regular product inspections and quality checks throughout supply chain. Batch tracking system for traceability and recall management. Compliance with food safety regulations and industry standards at all logistics centers.", imageSrc: "http://img.b2bpic.net/free-photo/quality-control-inspection_23-2149385611.jpg", imageAlt: "Quality control inspection process"
}
]}
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
title="Ready to Become a Distributor?"
description="Join our growing network of partners bringing Lahori Zeera to customers across India. Fill out the form to begin your partnership journey."
inputs={[
{ name: "businessName", type: "text", placeholder: "Business/Company Name", required: true },
{ name: "email", type: "email", placeholder: "Your email address", required: true },
{ name: "phone", type: "tel", placeholder: "Contact phone number", required: true },
{ name: "region", type: "text", placeholder: "Preferred distribution region", required: true }
]}
textarea={{
name: "message", placeholder: "Tell us about your distribution network, retail connections, and why you'd be a great partner...", rows: 5,
required: true
}}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/business-meeting-partnership-discussion_23-2149342589.jpg"
imageAlt="Distribution partnership opportunity"
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="Submit Partnership Application"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="Lahori Zeera"
columns={[
{
items: [
{ label: "About Us", href: "/" },
{ label: "Our Story", href: "/" },
{ label: "Ingredients", href: "/" }
]
},
{
items: [
{ label: "Products", href: "/" },
{ label: "Find Store", href: "/" },
{ label: "Distributor Info", href: "/distributor" }
]
},
{
items: [
{ label: "Contact", href: "/" },
{ label: "Email", href: "#" },
{ label: "Social Media", href: "#" }
]
},
{
items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms & Conditions", href: "#" },
{ label: "Sustainability", href: "#" }
]
}
]}
/>
</div>
</ThemeProvider>
);
}

1422
src/app/layout.tsx
View File

File diff suppressed because it is too large Load Diff

217
src/app/manufacturing/page.tsx Normal file
View File

@@ -0,0 +1,217 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Sparkles, Factory, Award, Beaker } from 'lucide-react';
export default function ManufacturingPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="mediumSizeLargeTitles"
background="none"
cardStyle="gradient-radial"
primaryButtonStyle="flat"
secondaryButtonStyle="radial-glow"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "home" },
{ name: "Our Story", id: "about" },
{ name: "Products", id: "products" },
{ name: "Benefits", id: "benefits" },
{ name: "Find Store", id: "contact" },
{ name: "Distributor", id: "distributor" },
{ name: "Manufacturing", id: "manufacturing" }
]}
button={{
text: "Order Now", href: "contact"
}}
brandName="Lahori Zeera"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
title="State-of-the-Art Manufacturing Excellence"
description="Experience the precision and care behind every bottle of Lahori Zeera. Our advanced facilities combine traditional craftsmanship with modern manufacturing standards."
background={{ variant: "glowing-orb" }}
kpis={[
{ value: "ISO 22000", label: "Food Safety Certified" },
{ value: "100%", label: "Quality Assured" },
{ value: "2 Million+", label: "Bottles/Month" }
]}
enableKpiAnimation={true}
tag="Manufacturing Facility"
tagIcon={Sparkles}
buttons={[
{ text: "Explore Our Process", href: "#process" },
{ text: "View Certifications", href: "#certifications" }
]}
imageSrc="http://img.b2bpic.net/free-photo/modern-beverage-manufacturing-facility_23-2149482756.jpg"
imageAlt="State-of-the-art manufacturing facility"
mediaAnimation="slide-up"
imagePosition="right"
/>
</div>
<div id="overview" data-section="overview">
<FeatureCardEight
title="Facility Overview"
description="Our manufacturing facilities are equipped with the latest technology to ensure consistent quality, safety, and efficiency in every production cycle."
features={[
{
id: 1,
title: "Main Production Hub", description: "Located in Gujarat, our primary facility spans 50,000 sq. meters with automated bottling lines. Capacity: 2 million bottles per month. ISO 22000 and FSSAI certified with continuous monitoring systems and real-time quality checks.", imageSrc: "http://img.b2bpic.net/free-photo/factory-production-line_23-2149485234.jpg", imageAlt: "Main production facility"
},
{
id: 2,
title: "Quality Assurance Laboratory", description: "Dedicated 5,000 sq. meter facility with advanced analytical equipment. Regular testing of raw materials, in-process samples, and finished products. Microbiology and chemical analysis labs ensure zero defects and consistent taste profiles.", imageSrc: "http://img.b2bpic.net/free-photo/laboratory-testing-equipment_23-2149488945.jpg", imageAlt: "Quality assurance laboratory"
},
{
id: 3,
title: "Storage & Logistics Center", description: "10,000 sq. meter climate-controlled warehouse maintaining optimal conditions for ingredient storage and finished goods. Connected to cold chain network with real-time inventory management system for efficient distribution.", imageSrc: "http://img.b2bpic.net/free-photo/warehouse-storage-logistics_23-2149491567.jpg", imageAlt: "Storage and logistics center"
}
]}
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="process" data-section="process">
<FeatureCardEight
title="Manufacturing Process"
description="From sourcing premium ingredients to final packaging, our manufacturing process adheres to strict quality standards and industry best practices."
features={[
{
id: 1,
title: "Raw Material Sourcing & Testing", description: "Premium cumin seeds sourced from certified suppliers across India. Each batch undergoes rigorous testing: microbial analysis, pesticide screening, and purity certification. All ingredients stored in climate-controlled warehouses at optimal conditions.", imageSrc: "http://img.b2bpic.net/free-photo/raw-materials-sorting_23-2149500456.jpg", imageAlt: "Raw material sourcing and testing"
},
{
id: 2,
title: "Extraction & Formulation", description: "Precision extraction of natural cumin oils using food-grade processes. Careful blending with approved sweeteners, carbonation systems, and natural flavorings. Batch size: 10,000 liters. Each batch documented for full traceability and recall capability.", imageSrc: "http://img.b2bpic.net/free-photo/beverage-extraction-process_23-2149503878.jpg", imageAlt: "Extraction and formulation process"
},
{
id: 3,
title: "Bottling, Quality Check & Packaging", description: "Automated high-speed bottling lines (500 bottles/minute) with integrated quality checks. Weight verification, seal integrity testing, and label application. Final inspection: visual inspection, pressure testing, and batch code verification before case packing.", imageSrc: "http://img.b2bpic.net/free-photo/bottling-packaging-line_23-2149506234.jpg", imageAlt: "Bottling and packaging process"
}
]}
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="quality" data-section="quality">
<MetricCardEleven
title="Quality Control Standards"
description="Multi-layer quality assurance ensures every bottle meets our exacting standards for safety, taste, and consistency."
metrics={[
{
id: "1", value: "6 Stages", title: "Quality Check Points", description: "Raw material testing → In-process verification → Pre-bottling analysis → Post-bottling inspection → Sealed product testing → Random batch audits", imageSrc: "http://img.b2bpic.net/free-photo/quality-control-checklist_23-2149509876.jpg", imageAlt: "Quality control checkpoints"
},
{
id: "2", value: "100%", title: "Defect Detection Rate", description: "Automated visual inspection systems with AI-powered anomaly detection. Manual verification of borderline cases. Zero-defect manufacturing targets with continuous improvement protocols.", imageSrc: "http://img.b2bpic.net/free-photo/defect-detection-system_23-2149512498.jpg", imageAlt: "Automated defect detection"
},
{
id: "3", value: "Daily", title: "Taste Profile Testing", description: "Trained sensory panels conduct blind taste tests daily. Consistency checks against reference standards. Consumer feedback integration for continuous product optimization.", imageSrc: "http://img.b2bpic.net/free-photo/taste-testing-panel_23-2149515120.jpg", imageAlt: "Taste profile testing panel"
}
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="certifications" data-section="certifications">
<FeatureCardEight
title="Certifications & Compliance"
description="Our commitment to safety and quality is validated by leading international and national certification bodies and regulatory compliance."
features={[
{
id: 1,
title: "Food Safety Certifications", description: "ISO 22000:2018 Food Safety Management System certified. FSSAI (Food Safety and Standards Authority of India) licensed with Grade A rating. Compliant with all FSMA (Food Safety Modernization Act) requirements for export markets.", imageSrc: "http://img.b2bpic.net/free-photo/food-safety-certification_23-2149518234.jpg", imageAlt: "Food safety certification badge"
},
{
id: 2,
title: "Environmental & Social Standards", description: "ISO 14001:2015 Environmental Management System certified. Waste reduction programs with 85% recyclability target. Water treatment facility ensures zero discharge standards. Annual third-party environmental audits conducted.", imageSrc: "http://img.b2bpic.net/free-photo/environmental-compliance_23-2149521456.jpg", imageAlt: "Environmental standards compliance"
},
{
id: 3,
title: "Product Testing & Validation", description: "Regular third-party lab testing for microbial safety, nutritional content, and allergen screening. Product testing against IS (Indian Standards) specifications. Import/Export compliance certificates for international markets.", imageSrc: "http://img.b2bpic.net/free-photo/product-testing-validation_23-2149524678.jpg", imageAlt: "Product testing and validation"
}
]}
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
title="Learn More About Our Facilities"
description="Interested in visiting our manufacturing facilities or learning more about our production process? Contact us to arrange a facility tour or request detailed manufacturing information."
inputs={[
{ name: "name", type: "text", placeholder: "Your name", required: true },
{ name: "email", type: "email", placeholder: "Your email address", required: true },
{ name: "organization", type: "text", placeholder: "Organization/Company name", required: true }
]}
textarea={{
name: "inquiry", placeholder: "Tell us what you'd like to know about our manufacturing process or facility tour requests...", rows: 5,
required: true
}}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/manufacturing-facility-tour_23-2149527890.jpg"
imageAlt="Manufacturing facility tour"
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="Submit Facility Inquiry"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="Lahori Zeera"
columns={[
{
items: [
{ label: "About Us", href: "/" },
{ label: "Our Story", href: "/" },
{ label: "Ingredients", href: "/" }
]
},
{
items: [
{ label: "Products", href: "/" },
{ label: "Find Store", href: "/" },
{ label: "Distributor Info", href: "/distributor" }
]
},
{
items: [
{ label: "Manufacturing", href: "/manufacturing" },
{ label: "Contact", href: "/" },
{ label: "Social Media", href: "#" }
]
},
{
items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms & Conditions", href: "#" },
{ label: "Sustainability", href: "#" }
]
}
]}
/>
</div>
</ThemeProvider>
);
}

6
src/app/page.tsx
View File

@@ -33,7 +33,9 @@ export default function LandingPage() {
{ name: "Our Story", id: "about" },
{ name: "Products", id: "products" },
{ name: "Benefits", id: "benefits" },
{ name: "Find Store", id: "contact" }
{ name: "Find Store", id: "contact" },
{ name: "Distributor", id: "distributor" },
{ name: "Manufacturing", id: "manufacturing" }
]}
button={{
text: "Order Now", href: "contact"
@@ -227,7 +229,7 @@ export default function LandingPage() {
items: [
{ label: "Products", href: "#products" },
{ label: "Find Store", href: "#contact" },
{ label: "Distributor Info", href: "#contact" }
{ label: "Distributor Info", href: "/distributor" }
]
},
{

211
src/app/products/page.tsx Normal file
View File

@@ -0,0 +1,211 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Sparkles, Filter } from 'lucide-react';
import { useState } from 'react';
export default function ProductsPage() {
const [selectedCategory, setSelectedCategory] = useState('all');
const [sortBy, setSortBy] = useState('featured');
const allProducts = [
{
id: "classic-zeera", name: "Classic Zeera Soda", price: "$2.99", imageSrc: "http://img.b2bpic.net/free-photo/front-view-orange-yellow-juice_140725-99734.jpg", imageAlt: "Classic Lahori Zeera bottle", category: "classic"
},
{
id: "extra-masala", name: "Extra Masala Zeera", price: "$3.49", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-various-spices_23-2149444662.jpg", imageAlt: "Extra Masala Zeera bottle", category: "premium"
},
{
id: "premium-cumin", name: "Premium Cumin Cola", price: "$3.99", imageSrc: "http://img.b2bpic.net/free-photo/delicious-kombucha-bottle-fruits-arrangement_23-2149757714.jpg", imageAlt: "Premium Cumin Cola bottle", category: "premium"
},
{
id: "ginger-blend", name: "Ginger Blend Zeera", price: "$3.29", imageSrc: "http://img.b2bpic.net/free-photo/front-view-orange-yellow-juice_140725-99734.jpg", imageAlt: "Ginger Blend Zeera bottle", category: "specialty"
},
{
id: "fennel-fusion", name: "Fennel Fusion Soda", price: "$3.49", imageSrc: "http://img.b2bpic.net/free-photo/sangria-drink-with-orange-slice-table_23-2149426387.jpg", imageAlt: "Fennel Fusion Soda bottle", category: "specialty"
},
{
id: "family-pack", name: "Family Pack (6-Pack)", price: "$14.99", imageSrc: "http://img.b2bpic.net/free-photo/delicious-kombucha-bottle-fruits-arrangement_23-2149757714.jpg", imageAlt: "Family Pack of Lahori Zeera", category: "packs"
}
];
const filteredProducts = selectedCategory === 'all'
? allProducts
: allProducts.filter(p => p.category === selectedCategory);
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="mediumSizeLargeTitles"
background="none"
cardStyle="gradient-radial"
primaryButtonStyle="flat"
secondaryButtonStyle="radial-glow"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "/" },
{ name: "Our Story", id: "#about" },
{ name: "Products", id: "/products" },
{ name: "Benefits", id: "#benefits" },
{ name: "Find Store", id: "#contact" }
]}
button={{
text: "Order Now", href: "/products"
}}
brandName="Lahori Zeera"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
title="Our Complete Product Range"
description="Discover our full collection of authentic cumin sodas and specialty beverages. Each flavor crafted to perfection with natural ingredients and time-honored recipes."
background={{ variant: "glowing-orb" }}
kpis={[
{ value: "6+", label: "Signature Flavors" },
{ value: "100%", label: "Natural Ingredients" },
{ value: "Ready", label: "To Order" }
]}
enableKpiAnimation={true}
tag="Product Showcase"
tagIcon={Sparkles}
buttons={[
{ text: "Shop Now", href: "#products" },
{ text: "Learn More", href: "#benefits" }
]}
imageSrc="http://img.b2bpic.net/free-photo/homemade-kombucha-with-lime-lemon-bottle_501050-508.jpg"
imageAlt="Lahori Zeera product showcase"
mediaAnimation="slide-up"
imagePosition="right"
/>
</div>
<div id="products" data-section="products">
<ProductCardThree
title="Shop All Products"
description="Browse our complete selection of traditional and specialty cumin sodas, available in individual bottles and family packs."
products={filteredProducts}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="categories" data-section="categories">
<FeatureCardEight
title="Product Categories"
description="Explore our carefully curated selection of beverages, each designed to satisfy different tastes and occasions."
features={[
{
id: 1,
title: "Classic Collection", description: "Our timeless Original Lahori Zeera—the authentic cumin soda that started it all. Perfect for those who appreciate traditional flavors and pure refreshment.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-orange-yellow-juice_140725-99734.jpg", imageAlt: "Classic Zeera Soda"
},
{
id: 2,
title: "Premium Range", description: "Our most popular line featuring Extra Masala and Premium Cumin Cola. Enhanced spice blends for adventurous palates seeking bold, complex flavors.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-various-spices_23-2149444662.jpg", imageAlt: "Premium Products"
},
{
id: 3,
title: "Specialty Flavors", description: "Unique combinations like Ginger Blend and Fennel Fusion. Discover new taste experiences while maintaining our commitment to natural ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/sangria-drink-with-orange-slice-table_23-2149426387.jpg", imageAlt: "Specialty Flavors"
}
]}
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="benefits" data-section="benefits">
<MetricCardEleven
title="Why Choose Lahori Zeera"
description="Every bottle delivers authentic taste, natural wellness benefits, and the quality that makes Lahori Zeera your perfect refreshment choice."
metrics={[
{
id: "1", value: "100%", title: "Natural Ingredients", description: "Pure cumin extract and authentic Indian spices. No artificial flavors, colors, or preservatives in any of our products.", imageSrc: "http://img.b2bpic.net/free-photo/cinnamon-sticks-tablespoon-brown-sugar_169016-5553.jpg?_wi=2", imageAlt: "Natural ingredients"
},
{
id: "2", value: "6+", title: "Signature Varieties", description: "From classic to specialty flavors, each variant offers a unique taste experience while maintaining our wellness-first philosophy.", imageSrc: "http://img.b2bpic.net/free-photo/sangria-drink-with-orange-slice-table_23-2149426387.jpg?_wi=2", imageAlt: "Variety of products"
},
{
id: "3", value: "Award", title: "Winning Quality", description: "Recognized for excellence in taste and authenticity. Trusted by families and food enthusiasts across India.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-walking-urban-park-holding-fitness-rug_1153-6146.jpg?_wi=2", imageAlt: "Quality assurance"
}
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="filtering" data-section="filtering">
<FeatureCardEight
title="Smart Product Discovery"
description="Use our intuitive filtering options to find exactly what you're looking for—by flavor preference, pack size, or dietary needs."
features={[
{
id: 1,
title: "Filter by Category", description: "Browse Classic, Premium, Specialty, or multi-pack options. Find products that match your taste preferences and lifestyle needs.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-orange-yellow-juice_140725-99734.jpg", imageAlt: "Category filtering"
},
{
id: 2,
title: "Sort by Preference", description: "Organize by popularity, price, or newest arrivals. Make informed choices based on customer reviews and ratings.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-various-spices_23-2149444662.jpg", imageAlt: "Sorting options"
},
{
id: 3,
title: "Quick Add to Cart", description: "Seamless shopping experience with one-click product additions. Save favorites and compare products side by side.", imageSrc: "http://img.b2bpic.net/free-photo/sangria-drink-with-orange-slice-table_23-2149426387.jpg", imageAlt: "Quick add feature"
}
]}
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="Lahori Zeera"
columns={[
{
items: [
{ label: "About Us", href: "#about" },
{ label: "Our Story", href: "#about" },
{ label: "Ingredients", href: "#benefits" }
]
},
{
items: [
{ label: "Products", href: "/products" },
{ label: "Find Store", href: "#contact" },
{ label: "Distributor Info", href: "#contact" }
]
},
{
items: [
{ label: "Contact", href: "#contact" },
{ label: "Email", href: "#" },
{ label: "Social Media", href: "#" }
]
},
{
items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms & Conditions", href: "#" },
{ label: "Sustainability", href: "#" }
]
}
]}
/>
</div>
</ThemeProvider>
);
}

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f5f5f5;
--card: #ffffff;
--foreground: #1c1c1c;
--primary-cta: #1c1c1c;
--background: #ffffff;
--card: #f9f9f9;
--foreground: #000000;
--primary-cta: #0a7039;
--primary-cta-text: #f5f5f5;
--secondary-cta: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta-text: #1c1c1c;
--accent: #159c49;
--background-accent: #a8e8ba;
--accent: #ff8c42;
--background-accent: #e8d5c4;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);