first commit
This commit is contained in:
426
app/(public)/about/certifications/page.tsx
Normal file
426
app/(public)/about/certifications/page.tsx
Normal file
@@ -0,0 +1,426 @@
|
||||
'use client'
|
||||
|
||||
import { motion } from 'framer-motion'
|
||||
import Image from 'next/image'
|
||||
import { Shield, Award, CheckCircle, FileText, Globe, Factory, Leaf, Users, Calendar, ExternalLink } from 'lucide-react'
|
||||
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
|
||||
import { Badge } from '@/components/ui/badge'
|
||||
import { Button } from '@/components/ui/button'
|
||||
import PageHero from '@/components/sections/PageHero'
|
||||
|
||||
export default function CertificationsPage() {
|
||||
const certifications = [
|
||||
{
|
||||
id: 1,
|
||||
name: 'FSSAI License',
|
||||
description: 'Food Safety and Standards Authority of India certification ensuring food safety and quality standards.',
|
||||
category: 'Food Safety',
|
||||
issuedBy: 'Food Safety and Standards Authority of India',
|
||||
validity: 'Valid',
|
||||
licenseNumber: '10825009000073',
|
||||
icon: Shield,
|
||||
color: 'bg-green-500',
|
||||
status: 'Active'
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
name: 'ISO 9001:2015',
|
||||
description: 'Quality Management System certification ensuring consistent quality in products and services.',
|
||||
category: 'Quality Management',
|
||||
issuedBy: 'International Organization for Standardization',
|
||||
validity: '26 Sep 2024 – 25 Sep 2027',
|
||||
licenseNumber: '305024092612Q',
|
||||
icon: Award,
|
||||
color: 'bg-blue-500',
|
||||
status: 'Active'
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
name: 'ISO 14001:2015',
|
||||
description: 'Environmental Management System certification for sustainable environmental practices.',
|
||||
category: 'Environmental Management',
|
||||
issuedBy: 'International Organization for Standardization',
|
||||
validity: '26 Sep 2024 – 25 Sep 2027',
|
||||
licenseNumber: '305024092613E',
|
||||
icon: Leaf,
|
||||
color: 'bg-green-600',
|
||||
status: 'Active'
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
name: 'ISO 22000:2018',
|
||||
description: 'Food Safety Management System certification throughout the food chain.',
|
||||
category: 'Food Safety',
|
||||
issuedBy: 'International Organization for Standardization',
|
||||
validity: '26 Sep 2024 – 25 Sep 2027',
|
||||
licenseNumber: '305024092615F',
|
||||
icon: CheckCircle,
|
||||
color: 'bg-purple-500',
|
||||
status: 'Active'
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
name: 'ISO 45001:2018',
|
||||
description: 'Occupational Health and Safety Management System ensuring workplace safety.',
|
||||
category: 'Health & Safety',
|
||||
issuedBy: 'International Organization for Standardization',
|
||||
validity: '26 Sep 2024 – 25 Sep 2027',
|
||||
licenseNumber: '305024092614HS',
|
||||
icon: Shield,
|
||||
color: 'bg-red-500',
|
||||
status: 'Active'
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
name: 'HACCP Certification',
|
||||
description: 'Hazard Analysis and Critical Control Points system for identifying and preventing food safety hazards.',
|
||||
category: 'Food Safety',
|
||||
issuedBy: 'Global Food Safety Initiative',
|
||||
validity: '26 Sep 2024 – 25 Sep 2027',
|
||||
licenseNumber: 'UQ-2024092617',
|
||||
icon: FileText,
|
||||
color: 'bg-orange-500',
|
||||
status: 'Active'
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
name: 'IEC Code',
|
||||
description: 'Import Export Code for international trade operations.',
|
||||
category: 'Export Authorization',
|
||||
issuedBy: 'Director General of Foreign Trade',
|
||||
validity: 'Valid',
|
||||
licenseNumber: 'AAPCP0216M',
|
||||
icon: Globe,
|
||||
color: 'bg-indigo-500',
|
||||
status: 'Active'
|
||||
},
|
||||
{
|
||||
id: 8,
|
||||
name: 'LEI Code',
|
||||
description: 'Legal Entity Identifier for global financial transactions and regulatory reporting.',
|
||||
category: 'Financial Compliance',
|
||||
issuedBy: 'Global Legal Entity Identifier Foundation',
|
||||
validity: 'Valid till 14 Jan 2026',
|
||||
licenseNumber: '3358009WKDVJJPAJMH24',
|
||||
icon: FileText,
|
||||
color: 'bg-cyan-500',
|
||||
status: 'Active'
|
||||
},
|
||||
{
|
||||
id: 9,
|
||||
name: 'Startup Recognition',
|
||||
description: 'Government recognition as a startup entity for various benefits and support.',
|
||||
category: 'Government Recognition',
|
||||
issuedBy: 'Department for Promotion of Industry and Internal Trade',
|
||||
validity: 'Valid',
|
||||
licenseNumber: 'DIPP179613',
|
||||
icon: Factory,
|
||||
color: 'bg-pink-500',
|
||||
status: 'Active'
|
||||
}
|
||||
]
|
||||
|
||||
const complianceAreas = [
|
||||
{
|
||||
title: 'Food Safety Management',
|
||||
description: 'Comprehensive food safety protocols ensuring consumer health and product integrity.',
|
||||
icon: Shield,
|
||||
certifications: ['FSSAI License', 'ISO 22000:2018', 'HACCP Certification']
|
||||
},
|
||||
{
|
||||
title: 'Quality Management',
|
||||
description: 'Rigorous quality control measures maintaining consistent product excellence.',
|
||||
icon: Award,
|
||||
certifications: ['ISO 9001:2015', 'ISO 22000:2018']
|
||||
},
|
||||
{
|
||||
title: 'Environmental & Safety',
|
||||
description: 'Environmental responsibility and workplace safety in all operations.',
|
||||
icon: Leaf,
|
||||
certifications: ['ISO 14001:2015', 'ISO 45001:2018']
|
||||
},
|
||||
{
|
||||
title: 'Business Compliance',
|
||||
description: 'Legal and regulatory compliance for domestic and international operations.',
|
||||
icon: Globe,
|
||||
certifications: ['IEC Code', 'LEI Code', 'Startup Recognition']
|
||||
}
|
||||
]
|
||||
|
||||
const achievements = [
|
||||
{
|
||||
year: '2024',
|
||||
title: 'Best Food Processing Unit',
|
||||
description: 'Awarded for excellence in food processing and quality standards.',
|
||||
organization: 'State Food Processing Board'
|
||||
},
|
||||
{
|
||||
year: '2023',
|
||||
title: 'Export Excellence Award',
|
||||
description: 'Recognition for outstanding contribution to food exports.',
|
||||
organization: 'Export Promotion Council'
|
||||
},
|
||||
{
|
||||
year: '2023',
|
||||
title: 'Quality Leadership',
|
||||
description: 'Acknowledged for maintaining highest quality standards.',
|
||||
organization: 'Food Industry Association'
|
||||
}
|
||||
]
|
||||
|
||||
return (
|
||||
<div className="min-h-screen bg-gradient-to-br from-slate-50 via-white to-emerald-50">
|
||||
{/* Hero Section */}
|
||||
<PageHero
|
||||
title="Certifications"
|
||||
subtitle="Our"
|
||||
description="Committed to the highest standards of food safety, quality, and excellence. Our certifications demonstrate our dedication to delivering safe, premium food products."
|
||||
badge={{
|
||||
text: "Certified Excellence"
|
||||
}}
|
||||
icon={{
|
||||
component: Shield,
|
||||
bgColor: "bg-emerald-600"
|
||||
}}
|
||||
features={[
|
||||
{ icon: CheckCircle, label: "9+ Active Certifications", color: "green" },
|
||||
{ icon: Award, label: "ISO Standards Certified", color: "blue" },
|
||||
{ icon: Globe, label: "Export & Trade Authorized", color: "purple" }
|
||||
]}
|
||||
backgroundGradient="from-emerald-600/10 to-blue-600/10"
|
||||
titleGradient="from-emerald-600 to-blue-600"
|
||||
/>
|
||||
|
||||
{/* Certifications Grid */}
|
||||
<section className="py-20">
|
||||
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
whileInView={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.6 }}
|
||||
viewport={{ once: true }}
|
||||
className="text-center mb-16"
|
||||
>
|
||||
<h2 className="text-3xl md:text-4xl font-bold text-slate-800 mb-4">
|
||||
Active Certifications
|
||||
</h2>
|
||||
<p className="text-lg text-slate-600 max-w-2xl mx-auto">
|
||||
Our comprehensive certification portfolio ensures compliance with national and international standards.
|
||||
</p>
|
||||
</motion.div>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
|
||||
{certifications.map((cert, index) => {
|
||||
const IconComponent = cert.icon
|
||||
return (
|
||||
<motion.div
|
||||
key={cert.id}
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
whileInView={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.6, delay: index * 0.1 }}
|
||||
viewport={{ once: true }}
|
||||
>
|
||||
<Card className="h-full hover:shadow-xl transition-all duration-300 group border-0 shadow-lg">
|
||||
<CardHeader className="pb-4">
|
||||
<div className="flex items-start justify-between mb-4">
|
||||
<div className={`p-3 rounded-xl ${cert.color} shadow-lg`}>
|
||||
<IconComponent className="w-6 h-6 text-white" />
|
||||
</div>
|
||||
<Badge
|
||||
variant={cert.status === 'Active' ? 'default' : 'secondary'}
|
||||
className={cert.status === 'Active' ? 'bg-green-100 text-green-700 border-green-200' : ''}
|
||||
>
|
||||
{cert.status}
|
||||
</Badge>
|
||||
</div>
|
||||
|
||||
<CardTitle className="text-xl font-bold text-slate-800 group-hover:text-emerald-600 transition-colors">
|
||||
{cert.name}
|
||||
</CardTitle>
|
||||
|
||||
<Badge variant="outline" className="w-fit text-xs">
|
||||
{cert.category}
|
||||
</Badge>
|
||||
</CardHeader>
|
||||
|
||||
<CardContent className="space-y-4">
|
||||
<p className="text-slate-600 leading-relaxed">
|
||||
{cert.description}
|
||||
</p>
|
||||
|
||||
<div className="space-y-2 text-sm">
|
||||
<div className="flex justify-between">
|
||||
<span className="text-slate-500">Issued by:</span>
|
||||
<span className="text-slate-700 font-medium text-end">{cert.issuedBy}</span>
|
||||
</div>
|
||||
{/* <div className="flex justify-between">
|
||||
<span className="text-slate-500">Validity:</span>
|
||||
<span className="text-slate-700 font-medium">{cert.validity}</span>
|
||||
</div> */}
|
||||
<div className="flex justify-between">
|
||||
<span className="text-slate-500">License:</span>
|
||||
<span className="text-slate-700 font-mono text-xs">{cert.licenseNumber}</span>
|
||||
</div>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</motion.div>
|
||||
)
|
||||
})}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Compliance Areas */}
|
||||
<section className="py-20 bg-gradient-to-r from-slate-50 to-emerald-50">
|
||||
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
whileInView={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.6 }}
|
||||
viewport={{ once: true }}
|
||||
className="text-center mb-16"
|
||||
>
|
||||
<h2 className="text-3xl md:text-4xl font-bold text-slate-800 mb-4">
|
||||
Compliance Excellence
|
||||
</h2>
|
||||
<p className="text-lg text-slate-600 max-w-2xl mx-auto">
|
||||
Our comprehensive approach to compliance covers every aspect of food processing and quality assurance.
|
||||
</p>
|
||||
</motion.div>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
|
||||
{complianceAreas.map((area, index) => {
|
||||
const IconComponent = area.icon
|
||||
return (
|
||||
<motion.div
|
||||
key={index}
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
whileInView={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.6, delay: index * 0.1 }}
|
||||
viewport={{ once: true }}
|
||||
>
|
||||
<Card className="h-full text-center hover:shadow-lg transition-all duration-300 border-0 shadow-md bg-white/80 backdrop-blur-sm">
|
||||
<CardContent className="p-6">
|
||||
<div className="mb-6">
|
||||
<div className="inline-flex p-4 bg-gradient-to-br from-emerald-500 to-blue-500 rounded-2xl shadow-lg">
|
||||
<IconComponent className="w-8 h-8 text-white" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3 className="text-xl font-bold text-slate-800 mb-3">
|
||||
{area.title}
|
||||
</h3>
|
||||
|
||||
<p className="text-slate-600 mb-4 leading-relaxed">
|
||||
{area.description}
|
||||
</p>
|
||||
|
||||
<div className="space-y-2">
|
||||
{area.certifications.map((cert, certIndex) => (
|
||||
<Badge key={certIndex} variant="outline" className="text-xs">
|
||||
{cert}
|
||||
</Badge>
|
||||
))}
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</motion.div>
|
||||
)
|
||||
})}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Awards & Recognition */}
|
||||
{/* <section className="py-20">
|
||||
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
whileInView={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.6 }}
|
||||
viewport={{ once: true }}
|
||||
className="text-center mb-16"
|
||||
>
|
||||
<h2 className="text-3xl md:text-4xl font-bold text-slate-800 mb-4">
|
||||
Awards & Recognition
|
||||
</h2>
|
||||
<p className="text-lg text-slate-600 max-w-2xl mx-auto">
|
||||
Our commitment to excellence has been recognized by industry leaders and regulatory bodies.
|
||||
</p>
|
||||
</motion.div>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||||
{achievements.map((achievement, index) => (
|
||||
<motion.div
|
||||
key={index}
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
whileInView={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.6, delay: index * 0.1 }}
|
||||
viewport={{ once: true }}
|
||||
>
|
||||
<Card className="h-full hover:shadow-xl transition-all duration-300 border-0 shadow-lg bg-gradient-to-br from-white to-emerald-50">
|
||||
<CardContent className="p-8 text-center">
|
||||
<div className="mb-6">
|
||||
<div className="inline-flex p-4 bg-gradient-to-br from-amber-400 to-orange-500 rounded-full shadow-lg">
|
||||
<Award className="w-8 h-8 text-white" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Badge variant="outline" className="mb-4 text-amber-700 border-amber-200">
|
||||
{achievement.year}
|
||||
</Badge>
|
||||
|
||||
<h3 className="text-xl font-bold text-slate-800 mb-3">
|
||||
{achievement.title}
|
||||
</h3>
|
||||
|
||||
<p className="text-slate-600 mb-4 leading-relaxed">
|
||||
{achievement.description}
|
||||
</p>
|
||||
|
||||
<p className="text-sm font-medium text-emerald-600">
|
||||
{achievement.organization}
|
||||
</p>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</motion.div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section> */}
|
||||
|
||||
{/* Contact CTA */}
|
||||
<section className="py-20 bg-gradient-to-r from-emerald-600 to-blue-600">
|
||||
<div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
whileInView={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.6 }}
|
||||
viewport={{ once: true }}
|
||||
>
|
||||
<h2 className="text-3xl md:text-4xl font-bold text-white mb-6">
|
||||
Need Certification Verification?
|
||||
</h2>
|
||||
<p className="text-xl text-emerald-100 mb-8 max-w-2xl mx-auto">
|
||||
Contact us for detailed certification documents or verification of our compliance status.
|
||||
</p>
|
||||
<div className="flex flex-col sm:flex-row gap-4 justify-center">
|
||||
<Button
|
||||
size="lg"
|
||||
variant="secondary"
|
||||
className="bg-white text-emerald-600 hover:bg-emerald-50"
|
||||
asChild
|
||||
>
|
||||
<a href="https://4m5m4tx28rtva30c.public.blob.vercel-storage.com/media/2025-09-07/padmaaza-rasooi-profile" download="Padmaaja Rasooi Profile.pdf">
|
||||
<FileText className="w-5 h-5 mr-2" />
|
||||
Download Company Profile
|
||||
</a>
|
||||
</Button>
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
499
app/(public)/about/founder/page.tsx
Normal file
499
app/(public)/about/founder/page.tsx
Normal file
@@ -0,0 +1,499 @@
|
||||
'use client'
|
||||
|
||||
import { motion } from 'framer-motion'
|
||||
import Image from 'next/image'
|
||||
import { Mail, Phone, MapPin, Calendar, Award, Target, Users, Quote, Briefcase, Star, ArrowRight, CheckCircle, TrendingUp } from 'lucide-react'
|
||||
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
|
||||
import { Badge } from '@/components/ui/badge'
|
||||
import { Button } from '@/components/ui/button'
|
||||
import PageHero from '@/components/sections/PageHero'
|
||||
|
||||
export default function FounderPage() {
|
||||
const founders = [
|
||||
{
|
||||
name: 'Rajeev Singh',
|
||||
role: 'Founder & Chief Managing Director',
|
||||
image: '/Rajeev Singh.jpg',
|
||||
email: 'info@padmajarice.com',
|
||||
phone: '+91 94757 58817',
|
||||
description: 'Dynamic entrepreneur with 7+ years of experience in real estate. He successfully led Padmaja Group to a turnover of ₹200+ crores, showcasing his sharp business acumen and leadership skills.',
|
||||
vision: 'Now, he brings the same vision and excellence to the food processing industry, aiming to build a trusted and scalable brand focused on quality, innovation, and customer satisfaction.',
|
||||
achievements: [
|
||||
'7+ years real estate experience',
|
||||
'₹200+ crores group turnover',
|
||||
'Dynamic business leadership',
|
||||
'Strategic vision & execution'
|
||||
]
|
||||
},
|
||||
{
|
||||
name: 'Padmaja Singh',
|
||||
role: 'Founder & Chairman',
|
||||
image: '/Padmaja Singh.png',
|
||||
description: 'Director at Padmaaja Rasooi Private Limited, with over 5 years of experience in managing large-scale business operations within the Padmaja Group. Her strong background in finance, project oversight, and administration has been instrumental in driving business efficiency and growth.',
|
||||
vision: 'As a co-leader of Padmaaja Rasooi, she is committed to upholding the values of quality, sustainability, and customer satisfaction while steering the company toward long-term success in the food processing industry.',
|
||||
achievements: [
|
||||
'5+ years operations experience',
|
||||
'Finance & project oversight',
|
||||
'Business efficiency expert',
|
||||
'Sustainability advocate'
|
||||
]
|
||||
}
|
||||
]
|
||||
|
||||
|
||||
return (
|
||||
<div className="min-h-screen bg-gradient-to-br from-slate-50 via-white to-orange-50">
|
||||
{/* PageHero Section */}
|
||||
<PageHero
|
||||
title="Meet Our Visionary Leaders"
|
||||
subtitle="Leadership Excellence"
|
||||
description="Pioneering the future of authentic Indian cuisine through innovation, tradition, and unwavering commitment to excellence."
|
||||
badge={{
|
||||
text: "Leadership Excellence",
|
||||
variant: "outline"
|
||||
}}
|
||||
icon={{
|
||||
component: Star,
|
||||
className: "w-8 h-8",
|
||||
bgColor: "bg-gradient-to-br from-orange-500/20 to-orange-600/30"
|
||||
}}
|
||||
features={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "₹200+ Cr Group Turnover",
|
||||
color: "orange"
|
||||
},
|
||||
{
|
||||
icon: Calendar,
|
||||
label: "12+ Years Combined Experience",
|
||||
color: "emerald"
|
||||
},
|
||||
{
|
||||
icon: Target,
|
||||
label: "Founded Padmaaja Rasooi in 2023",
|
||||
color: "blue"
|
||||
}
|
||||
]}
|
||||
backgroundGradient="from-slate-900 via-slate-800 to-orange-900"
|
||||
titleGradient="from-orange-400 to-orange-600"
|
||||
alignment="center"
|
||||
maxWidth="5xl"
|
||||
/>
|
||||
|
||||
{/* Modern Founders Section */}
|
||||
<section id="founders-section" className="py-32 bg-white relative">
|
||||
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
{/* Section Header */}
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 30 }}
|
||||
whileInView={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.8 }}
|
||||
viewport={{ once: true }}
|
||||
className="text-center mb-20"
|
||||
>
|
||||
<Badge className="mb-6 px-4 py-2 bg-orange-50 text-orange-700 border border-orange-200">
|
||||
Leadership Team
|
||||
</Badge>
|
||||
<h2 className="text-4xl lg:text-5xl font-bold text-gray-900 mb-6">
|
||||
The Minds Behind
|
||||
<span className="block text-orange-600">Padmaaja Rasooi</span>
|
||||
</h2>
|
||||
<p className="text-xl text-gray-600 max-w-3xl mx-auto">
|
||||
Meet the visionary leaders who bring decades of business excellence
|
||||
to India's food processing industry.
|
||||
</p>
|
||||
</motion.div>
|
||||
|
||||
{/* Founders Grid */}
|
||||
<div className="grid grid-cols-1 lg:grid-cols-2 gap-16">
|
||||
{founders.map((founder, index) => (
|
||||
<motion.div
|
||||
key={founder.name}
|
||||
initial={{ opacity: 0, y: 40 }}
|
||||
whileInView={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.8, delay: index * 0.2 }}
|
||||
viewport={{ once: true }}
|
||||
className="group"
|
||||
>
|
||||
<Card className="border-0 shadow-lg hover:shadow-2xl transition-all duration-500 bg-gradient-to-br from-white to-gray-50 overflow-hidden relative">
|
||||
<CardContent className="p-0">
|
||||
{/* Founder Image Section */}
|
||||
<div className="relative p-16 bg-gradient-to-br from-orange-50 to-emerald-50 overflow-hidden">
|
||||
{/* Large Background Blobs */}
|
||||
<div className="absolute top-0 left-0 w-64 h-64 bg-gradient-to-br from-orange-300/20 to-orange-400/30 rounded-full blur-3xl transform -translate-x-1/2 -translate-y-1/2"></div>
|
||||
<div className="absolute bottom-0 right-0 w-48 h-48 bg-gradient-to-br from-emerald-300/20 to-emerald-400/30 rounded-full blur-3xl transform translate-x-1/2 translate-y-1/2"></div>
|
||||
<div className="absolute top-1/2 left-1/2 w-32 h-32 bg-gradient-to-br from-orange-200/30 to-emerald-200/30 rounded-full blur-2xl transform -translate-x-1/2 -translate-y-1/2"></div>
|
||||
|
||||
<div className="flex justify-center relative z-10">
|
||||
<div className="relative">
|
||||
{/* Enhanced Background Glow */}
|
||||
<div className="absolute -inset-8 bg-gradient-to-r from-orange-400/30 to-emerald-400/30 rounded-full blur-2xl group-hover:blur-3xl transition-all duration-500"></div>
|
||||
<div className="absolute -inset-6 bg-gradient-to-r from-orange-300/20 to-emerald-300/20 rounded-full blur-xl"></div>
|
||||
|
||||
{/* Main Image - Much Larger */}
|
||||
<div className="relative w-56 h-56 rounded-full overflow-hidden border-6 border-white shadow-2xl">
|
||||
<Image
|
||||
src={founder.image}
|
||||
alt={founder.name}
|
||||
width={224}
|
||||
height={224}
|
||||
className="w-full h-full object-cover group-hover:scale-110 transition-transform duration-500"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Enhanced Status Badge */}
|
||||
<div className="absolute -bottom-4 -right-4 w-20 h-20 bg-gradient-to-r from-orange-500 to-orange-600 rounded-full flex items-center justify-center shadow-xl border-4 border-white">
|
||||
<Award className="h-10 w-10 text-white" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Content Section */}
|
||||
<div className="p-8">
|
||||
{/* Name & Role */}
|
||||
<div className="text-center mb-6">
|
||||
<h3 className="text-2xl font-bold text-gray-900 mb-2">
|
||||
{founder.name}
|
||||
</h3>
|
||||
<Badge className="px-4 py-2 bg-orange-100 text-orange-800 border border-orange-200">
|
||||
{founder.role}
|
||||
</Badge>
|
||||
</div>
|
||||
|
||||
{/* Contact Info */}
|
||||
{founder.email && (
|
||||
<div className="flex flex-col sm:flex-row gap-4 mb-6 p-4 bg-gray-50 rounded-lg">
|
||||
<div className="flex items-center text-gray-600">
|
||||
<Mail className="h-4 w-4 mr-2 text-orange-600" />
|
||||
<span className="text-sm">{founder.email}</span>
|
||||
</div>
|
||||
<div className="flex items-center text-gray-600">
|
||||
<Phone className="h-4 w-4 mr-2 text-orange-600" />
|
||||
<span className="text-sm">{founder.phone}</span>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Description */}
|
||||
<div className="space-y-4 mb-6">
|
||||
<p className="text-gray-600 leading-relaxed">
|
||||
{founder.description}
|
||||
</p>
|
||||
<p className="text-gray-800 leading-relaxed font-medium">
|
||||
{founder.vision}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{/* Achievements */}
|
||||
<div className="border-t border-gray-100 pt-6">
|
||||
<h4 className="font-semibold text-lg mb-4 text-orange-700">
|
||||
Key Achievements
|
||||
</h4>
|
||||
<div className="grid grid-cols-1 gap-3">
|
||||
{founder.achievements.map((achievement, idx) => (
|
||||
<div key={idx} className="flex items-start">
|
||||
<CheckCircle className="h-5 w-5 text-emerald-500 mr-3 mt-0.5 flex-shrink-0" />
|
||||
<span className="text-gray-700 text-sm leading-relaxed">{achievement}</span>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</motion.div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Modern Business Story Section */}
|
||||
<section className="py-32 bg-gradient-to-br from-gray-50 to-orange-50 relative overflow-hidden">
|
||||
{/* Background Pattern */}
|
||||
<div className="absolute inset-0 opacity-5">
|
||||
<div className="h-full w-full" style={{
|
||||
backgroundImage: `url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23F5873B' fill-opacity='0.4'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")`,
|
||||
}}></div>
|
||||
</div>
|
||||
|
||||
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
|
||||
{/* Section Header */}
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 30 }}
|
||||
whileInView={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.8 }}
|
||||
viewport={{ once: true }}
|
||||
className="text-center mb-20"
|
||||
>
|
||||
<Badge className="mb-6 px-4 py-2 bg-white text-gray-700 border border-gray-200 shadow-sm">
|
||||
Our Story
|
||||
</Badge>
|
||||
<h2 className="text-4xl lg:text-5xl font-bold text-gray-900 mb-6 !leading-tight">
|
||||
From Vision to
|
||||
<span className="block text-orange-600">Reality</span>
|
||||
</h2>
|
||||
<p className="text-xl text-gray-600 max-w-3xl mx-auto">
|
||||
A journey of transformation from successful real estate ventures to revolutionizing
|
||||
India's food processing industry.
|
||||
</p>
|
||||
</motion.div>
|
||||
|
||||
<div className="grid grid-cols-1 lg:grid-cols-2 gap-16">
|
||||
{/* Business Legacy Card */}
|
||||
<motion.div
|
||||
initial={{ opacity: 0, x: -40 }}
|
||||
whileInView={{ opacity: 1, x: 0 }}
|
||||
transition={{ duration: 0.8 }}
|
||||
viewport={{ once: true }}
|
||||
>
|
||||
<Card className="h-full border-0 shadow-xl bg-white hover:shadow-2xl transition-all duration-500">
|
||||
<CardContent className="p-10">
|
||||
{/* Header */}
|
||||
<div className="flex items-center mb-8">
|
||||
<div className="p-3 bg-gradient-to-r from-orange-100 to-orange-200 rounded-xl mr-4">
|
||||
<TrendingUp className="h-8 w-8 text-orange-600" />
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="text-2xl font-bold text-gray-900">Business Legacy</h3>
|
||||
<p className="text-orange-600 font-medium">₹200+ Crores Achieved</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Content */}
|
||||
<div className="space-y-6">
|
||||
<p className="text-gray-600 leading-relaxed text-lg">
|
||||
The <strong className="text-gray-900">Padmaja Group</strong>, under the visionary leadership of
|
||||
Padmaja Singh, has achieved remarkable success with a turnover exceeding ₹100 crores.
|
||||
</p>
|
||||
|
||||
<p className="text-gray-600 leading-relaxed">
|
||||
Starting with real estate ventures, the group demonstrated exceptional business
|
||||
acumen and strategic growth, building a foundation of trust and excellence.
|
||||
</p>
|
||||
|
||||
<div className="bg-gradient-to-r from-orange-50 to-emerald-50 p-6 rounded-xl border-l-4 border-orange-500">
|
||||
<p className="text-gray-700 font-medium italic">
|
||||
"Our transition from real estate to food processing represents our commitment
|
||||
to creating sustainable value in essential industries that serve communities."
|
||||
</p>
|
||||
<p className="text-sm text-orange-600 mt-2 font-medium">— Founding Vision</p>
|
||||
</div>
|
||||
|
||||
{/* Key Stats */}
|
||||
<div className="grid grid-cols-2 gap-4 pt-4">
|
||||
<div className="text-center p-4 bg-gray-50 rounded-lg">
|
||||
<div className="text-2xl font-bold text-orange-600 mb-1">7+</div>
|
||||
<div className="text-sm text-gray-600">Years Real Estate</div>
|
||||
</div>
|
||||
<div className="text-center p-4 bg-gray-50 rounded-lg">
|
||||
<div className="text-2xl font-bold text-orange-600 mb-1">5+</div>
|
||||
<div className="text-sm text-gray-600">Years Operations</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</motion.div>
|
||||
|
||||
{/* Vision & Mission Card */}
|
||||
<motion.div
|
||||
initial={{ opacity: 0, x: 40 }}
|
||||
whileInView={{ opacity: 1, x: 0 }}
|
||||
transition={{ duration: 0.8, delay: 0.2 }}
|
||||
viewport={{ once: true }}
|
||||
>
|
||||
<Card className="h-full border-0 shadow-xl bg-white hover:shadow-2xl transition-all duration-500">
|
||||
<CardContent className="p-10">
|
||||
{/* Header */}
|
||||
<div className="flex items-center mb-8">
|
||||
<div className="p-3 bg-gradient-to-r from-emerald-100 to-emerald-200 rounded-xl mr-4">
|
||||
<Target className="h-8 w-8 text-emerald-600" />
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="text-2xl font-bold text-gray-900">Vision & Mission</h3>
|
||||
<p className="text-emerald-600 font-medium">Future-Focused Leadership</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Content */}
|
||||
<div className="space-y-6">
|
||||
<p className="text-gray-600 leading-relaxed text-lg">
|
||||
To become <strong className="text-gray-900">India's most trusted name</strong> in authentic
|
||||
food processing, preserving traditional flavors while embracing modern technology.
|
||||
</p>
|
||||
|
||||
<p className="text-gray-600 leading-relaxed">
|
||||
Our mission extends beyond business success – we're building a legacy that honors
|
||||
India's culinary heritage while creating opportunities for sustainable growth.
|
||||
</p>
|
||||
|
||||
{/* Mission Points */}
|
||||
<div className="space-y-4 pt-4">
|
||||
<div className="flex items-start">
|
||||
<CheckCircle className="h-6 w-6 text-emerald-500 mr-3 mt-0.5 flex-shrink-0" />
|
||||
<div>
|
||||
<h4 className="font-semibold text-gray-900 mb-1">Quality Excellence</h4>
|
||||
<p className="text-gray-600">Quality-first approach in every product and process</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex items-start">
|
||||
<CheckCircle className="h-6 w-6 text-emerald-500 mr-3 mt-0.5 flex-shrink-0" />
|
||||
<div>
|
||||
<h4 className="font-semibold text-gray-900 mb-1">Sustainable Practices</h4>
|
||||
<p className="text-gray-600">Ethical business practices that benefit all stakeholders</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex items-start">
|
||||
<CheckCircle className="h-6 w-6 text-emerald-500 mr-3 mt-0.5 flex-shrink-0" />
|
||||
<div>
|
||||
<h4 className="font-semibold text-gray-900 mb-1">Community Impact</h4>
|
||||
<p className="text-gray-600">Empowering local communities and farmers across India</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</motion.div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Professional Call to Action Section */}
|
||||
<section className="py-32 bg-gradient-to-br from-slate-900 via-slate-800 to-gray-900 relative overflow-hidden">
|
||||
{/* Sophisticated Background Elements */}
|
||||
<div className="absolute inset-0">
|
||||
{/* Subtle geometric patterns */}
|
||||
<div className="absolute top-20 left-20 w-72 h-72 bg-gradient-to-br from-orange-500/10 to-orange-600/20 rounded-full blur-3xl"></div>
|
||||
<div className="absolute bottom-20 right-20 w-60 h-60 bg-gradient-to-br from-emerald-500/10 to-emerald-600/20 rounded-full blur-3xl"></div>
|
||||
|
||||
{/* Grid overlay */}
|
||||
<div className="absolute inset-0 opacity-5">
|
||||
<div className="h-full w-full" style={{
|
||||
backgroundImage: `linear-gradient(rgba(255,255,255,0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.1) 1px, transparent 1px)`,
|
||||
backgroundSize: '50px 50px'
|
||||
}}></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 40 }}
|
||||
whileInView={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.8 }}
|
||||
viewport={{ once: true }}
|
||||
className="text-center mb-16"
|
||||
>
|
||||
<Badge className="mb-8 px-6 py-3 bg-white/10 backdrop-blur-sm text-white border border-white/20 text-sm font-medium">
|
||||
<Mail className="w-4 h-4 mr-2" />
|
||||
Connect with Leadership
|
||||
</Badge>
|
||||
|
||||
<h2 className="text-3xl lg:text-5xl font-bold text-white mb-8 !leading-tight">
|
||||
Let's Build the Future
|
||||
<span className="block bg-gradient-to-r from-orange-400 to-orange-600 bg-clip-text text-transparent">
|
||||
Together
|
||||
</span>
|
||||
</h2>
|
||||
|
||||
<p className="text-xl text-slate-300 mb-12 max-w-3xl mx-auto leading-relaxed">
|
||||
Ready to explore partnership opportunities, discuss our vision, or learn more
|
||||
about Padmaaja Rasooi's journey? Our founders are always excited to connect with
|
||||
like-minded individuals and organizations.
|
||||
</p>
|
||||
</motion.div>
|
||||
|
||||
{/* Enhanced Contact Cards */}
|
||||
<div className="grid grid-cols-1 lg:grid-cols-3 gap-8 mb-16">
|
||||
{/* Email Card */}
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 30 }}
|
||||
whileInView={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.8, delay: 0.2 }}
|
||||
viewport={{ once: true }}
|
||||
>
|
||||
<Card className="bg-white/5 backdrop-blur-sm border border-white/10 hover:bg-white/10 transition-all duration-300 group">
|
||||
<CardContent className="p-8 text-center">
|
||||
<div className="w-16 h-16 bg-gradient-to-r from-orange-500 to-orange-600 rounded-full flex items-center justify-center mx-auto mb-6 group-hover:scale-110 transition-transform duration-300">
|
||||
<Mail className="h-8 w-8 text-white" />
|
||||
</div>
|
||||
<h3 className="text-xl font-semibold text-white mb-3">Email Us</h3>
|
||||
<p className="text-slate-400 mb-4">Send us a message anytime</p>
|
||||
<p className="text-orange-400 font-medium">info@padmajarice.com</p>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</motion.div>
|
||||
|
||||
{/* Phone Card */}
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 30 }}
|
||||
whileInView={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.8, delay: 0.3 }}
|
||||
viewport={{ once: true }}
|
||||
>
|
||||
<Card className="bg-white/5 backdrop-blur-sm border border-white/10 hover:bg-white/10 transition-all duration-300 group">
|
||||
<CardContent className="p-8 text-center">
|
||||
<div className="w-16 h-16 bg-gradient-to-r from-emerald-500 to-emerald-600 rounded-full flex items-center justify-center mx-auto mb-6 group-hover:scale-110 transition-transform duration-300">
|
||||
<Phone className="h-8 w-8 text-white" />
|
||||
</div>
|
||||
<h3 className="text-xl font-semibold text-white mb-3">Call Direct</h3>
|
||||
<p className="text-slate-400 mb-4">Speak with our founder</p>
|
||||
<p className="text-emerald-400 font-medium">+91 94757 58817</p>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</motion.div>
|
||||
|
||||
{/* Location Card */}
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 30 }}
|
||||
whileInView={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.8, delay: 0.4 }}
|
||||
viewport={{ once: true }}
|
||||
>
|
||||
<Card className="bg-white/5 backdrop-blur-sm border border-white/10 hover:bg-white/10 transition-all duration-300 group">
|
||||
<CardContent className="p-8 text-center">
|
||||
<div className="w-16 h-16 bg-gradient-to-r from-purple-500 to-purple-600 rounded-full flex items-center justify-center mx-auto mb-6 group-hover:scale-110 transition-transform duration-300">
|
||||
<MapPin className="h-8 w-8 text-white" />
|
||||
</div>
|
||||
<h3 className="text-xl font-semibold text-white mb-3">Visit Us</h3>
|
||||
<p className="text-slate-400 mb-4">Based in India</p>
|
||||
<p className="text-purple-400 font-medium">Schedule a Meeting</p>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</motion.div>
|
||||
</div>
|
||||
|
||||
{/* Action Buttons */}
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 30 }}
|
||||
whileInView={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.8, delay: 0.5 }}
|
||||
viewport={{ once: true }}
|
||||
className="flex flex-col sm:flex-row gap-6 justify-center"
|
||||
>
|
||||
<Button
|
||||
size="lg"
|
||||
className="px-10 py-5 text-lg font-medium bg-gradient-to-r from-orange-500 to-orange-600 hover:from-orange-600 hover:to-orange-700 text-white border-0 shadow-2xl hover:shadow-orange-500/25 transition-all duration-300 transform hover:scale-105"
|
||||
>
|
||||
<Mail className="mr-3 h-6 w-6" />
|
||||
Send Message
|
||||
<ArrowRight className="ml-3 h-6 w-6" />
|
||||
</Button>
|
||||
|
||||
<Button
|
||||
size="lg"
|
||||
variant="outline"
|
||||
className="px-10 py-5 text-lg font-medium border-2 border-white/30 hover:bg-white hover:text-slate-900 backdrop-blur-sm transition-all duration-300 transform hover:scale-105"
|
||||
>
|
||||
<Phone className="mr-3 h-6 w-6" />
|
||||
Schedule Call
|
||||
</Button>
|
||||
</motion.div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
918
app/(public)/about/page.tsx
Normal file
918
app/(public)/about/page.tsx
Normal file
@@ -0,0 +1,918 @@
|
||||
'use client'
|
||||
|
||||
import { motion } from 'framer-motion'
|
||||
import Image from 'next/image'
|
||||
import Link from 'next/link'
|
||||
import { Users, Award, Target, Globe, Leaf, Shield, Heart, Factory, MapPin, Calendar, ArrowRight } from 'lucide-react'
|
||||
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
|
||||
import { Badge } from '@/components/ui/badge'
|
||||
import { Button } from '@/components/ui/button'
|
||||
import ImageSlider from '@/components/ImageSlider'
|
||||
|
||||
export default function AboutPage() {
|
||||
const sliderImages = [
|
||||
{
|
||||
src: 'https://images.pexels.com/photos/164504/pexels-photo-164504.jpeg',
|
||||
alt: 'Rice Fields',
|
||||
title: 'Premium Basmati Rice Fields'
|
||||
},
|
||||
{
|
||||
src: 'https://images.pexels.com/photos/2804327/pexels-photo-2804327.jpeg',
|
||||
alt: 'Rice Grains',
|
||||
title: 'High Quality Rice Grains'
|
||||
},
|
||||
{
|
||||
src: 'https://images.pexels.com/photos/8108170/pexels-photo-8108170.jpeg',
|
||||
alt: 'Agriculture',
|
||||
title: 'Modern Agricultural Practices'
|
||||
},
|
||||
{
|
||||
src: '/farmer.png',
|
||||
alt: 'Farmer',
|
||||
title: 'Dedicated Farming Excellence'
|
||||
},
|
||||
// {
|
||||
// src: '/lab.png',
|
||||
// alt: 'Quality Control Lab',
|
||||
// title: 'Advanced Quality Control Laboratory'
|
||||
// },
|
||||
{
|
||||
src: '/factory.png',
|
||||
alt: 'Manufacturing Facility',
|
||||
title: 'Manufacturing Facility'
|
||||
}
|
||||
]
|
||||
|
||||
const features = [
|
||||
{
|
||||
icon: Leaf,
|
||||
title: 'Premium Basmati Rice',
|
||||
description: 'We source the finest Basmati rice from Haryana, known as the hub of premium quality Basmati rice.'
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: 'Quality Assurance',
|
||||
description: 'FSSAI certified facilities with strict quality control measures ensuring food safety and excellence.'
|
||||
},
|
||||
{
|
||||
icon: Heart,
|
||||
title: 'Traditional Excellence',
|
||||
description: 'Founded by experienced professionals with deep knowledge of rice processing and quality standards.'
|
||||
},
|
||||
{
|
||||
icon: Factory,
|
||||
title: 'Modern Processing',
|
||||
description: 'Our manufacturing unit in Kaithal, Siwan, Haryana uses state-of-the-art technology for processing.'
|
||||
}
|
||||
]
|
||||
|
||||
const team = [
|
||||
{
|
||||
name: 'Rajeev Singh',
|
||||
role: 'Founder & Director',
|
||||
image: '/Rajeev Singh.jpg',
|
||||
description: 'Ex-army professional who founded Padmaaja with extensive experience in real estate since 2018 and now leading FMCG operations.',
|
||||
background: 'Ex-Army • Real Estate Expert • Visionary Leader'
|
||||
},
|
||||
{
|
||||
name: 'Smt. Padmasha Singh',
|
||||
role: 'Chairman',
|
||||
image: '/Padmaja Singh.png',
|
||||
description: 'Experienced leader providing strategic direction and ensuring the company maintains its commitment to quality and excellence.',
|
||||
background: 'Strategic Leader • Quality Advocate • Industry Expert'
|
||||
}
|
||||
]
|
||||
|
||||
const milestones = [
|
||||
{ year: '2018', title: 'Real Estate Journey', description: 'Started our business journey in real estate sector with successful operations' },
|
||||
{ year: '2024 Q1', title: 'FMCG Expansion', description: 'Transitioned into FMCG products, focusing on premium Basmati rice processing' },
|
||||
{ year: '2024 Q2', title: 'Manufacturing Setup', description: 'Established manufacturing unit in Kaithal, Siwan, Haryana - the hub of Basmati rice' },
|
||||
{ year: '2025', title: 'Brand Launch', description: 'Launched Kashmina Basmati Rice brand with guaranteed quality standards' }
|
||||
]
|
||||
|
||||
return (
|
||||
<div className="min-h-screen">
|
||||
{/* Image Slider Section */}
|
||||
<section className="py-8">
|
||||
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<ImageSlider images={sliderImages} />
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Navigation Links */}
|
||||
<section className="sticky top-[95px] z-50 py-4 bg-gray-50/95 backdrop-blur-sm border-b border-gray-200 shadow-sm">
|
||||
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div className="flex flex-wrap justify-center gap-3">
|
||||
<Link href="#who-we-are">
|
||||
<Button variant="outline" className="hover:bg-orange-50 hover:border-orange-200">
|
||||
Who We Are
|
||||
</Button>
|
||||
</Link>
|
||||
<Link href="#mission-vision">
|
||||
<Button variant="outline" className="hover:bg-orange-50 hover:border-orange-200">
|
||||
Mission & Vision
|
||||
</Button>
|
||||
</Link>
|
||||
<Link href="/about/founder">
|
||||
<Button variant="outline" className="hover:bg-orange-50 hover:border-orange-200">
|
||||
Our Founders
|
||||
</Button>
|
||||
</Link>
|
||||
<Link href="#team">
|
||||
<Button variant="outline" className="hover:bg-orange-50 hover:border-orange-200">
|
||||
Our Team
|
||||
</Button>
|
||||
</Link>
|
||||
<Link href="#features">
|
||||
<Button variant="outline" className="hover:bg-orange-50 hover:border-orange-200">
|
||||
Why Choose Us
|
||||
</Button>
|
||||
</Link>
|
||||
<Link href="#journey">
|
||||
<Button variant="outline" className="hover:bg-orange-50 hover:border-orange-200">
|
||||
Our Journey
|
||||
</Button>
|
||||
</Link>
|
||||
<Link href="#process">
|
||||
<Button variant="outline" className="hover:bg-orange-50 hover:border-orange-200">
|
||||
Our Process
|
||||
</Button>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Who We Are Section */}
|
||||
<section id="who-we-are" className="py-16 bg-white">
|
||||
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
animate={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.8 }}
|
||||
className="text-center mb-12"
|
||||
>
|
||||
<h2 className="text-4xl font-bold text-gray-900 mb-4">
|
||||
Who We Are
|
||||
</h2>
|
||||
</motion.div>
|
||||
|
||||
<div className="grid grid-cols-1 lg:grid-cols-3 gap-8">
|
||||
{/* Left Column - Company Info */}
|
||||
<div className="lg:col-span-2 space-y-6">
|
||||
<motion.div
|
||||
initial={{ opacity: 0, x: -20 }}
|
||||
animate={{ opacity: 1, x: 0 }}
|
||||
transition={{ duration: 0.8 }}
|
||||
className="space-y-6"
|
||||
>
|
||||
<div className="flex items-start space-x-3">
|
||||
<MapPin className="w-6 h-6 text-orange-500 mt-1 flex-shrink-0" />
|
||||
<div>
|
||||
<h3 className="text-lg font-semibold text-orange-600 mb-2">
|
||||
Based in Lucknow, Uttar Pradesh, India
|
||||
</h3>
|
||||
<p className="text-gray-700 leading-relaxed">
|
||||
We are an India-based company headquartered in <strong>Lucknow, Uttar Pradesh</strong>.
|
||||
Founded by an ex-army professional, <strong>Rajeev Singh (Founder and Director)</strong> and
|
||||
his wife <strong>Smt. Padmasha Singh (Chairman)</strong>, we bring discipline, quality,
|
||||
and excellence to everything we do.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="bg-orange-50 rounded-lg p-6 border-l-4 border-orange-500">
|
||||
<div className="flex items-center space-x-2 mb-4">
|
||||
<Calendar className="w-5 h-5 text-orange-500" />
|
||||
<h4 className="font-semibold text-gray-900">Our Journey</h4>
|
||||
</div>
|
||||
<div className="space-y-3">
|
||||
<div className="flex items-center space-x-3">
|
||||
<span className="bg-orange-500 text-white text-sm font-bold px-2 py-1 rounded">2018</span>
|
||||
<span className="text-gray-700">Started our business journey in real estate</span>
|
||||
</div>
|
||||
<div className="flex items-center space-x-3">
|
||||
<span className="bg-orange-500 text-white text-sm font-bold px-2 py-1 rounded">2024</span>
|
||||
<span className="text-gray-700">Expanded into FMCG products, focusing on premium rice</span>
|
||||
</div>
|
||||
<div className="flex items-center space-x-3">
|
||||
<span className="bg-orange-500 text-white text-sm font-bold px-2 py-1 rounded">Present</span>
|
||||
<span className="text-gray-700">Leading manufacturer of Kashmina Basmati Rice</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p className="text-gray-700 leading-relaxed">
|
||||
Our manufacturing unit is strategically located in <strong>Kaithal, Siwan, Haryana</strong> -
|
||||
the renowned hub of Basmati rice production. Haryana is globally recognized for producing
|
||||
the finest quality Basmati rice, and our brand <strong>Kashmina Basmati Rice</strong>
|
||||
represents this legacy of excellence.
|
||||
</p>
|
||||
|
||||
<div className="bg-gradient-to-r from-orange-50 to-yellow-50 rounded-lg p-6 border border-orange-200">
|
||||
<h4 className="font-bold text-gray-900 mb-3 text-lg">Our Promise</h4>
|
||||
<p className="text-gray-800">
|
||||
We assure and guarantee the highest quality standards in every grain of rice,
|
||||
bringing you the authentic taste and aroma that Basmati is known for.
|
||||
</p>
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
|
||||
{/* Right Column - Cards */}
|
||||
<div className="space-y-6">
|
||||
<motion.div
|
||||
initial={{ opacity: 0, x: 20 }}
|
||||
animate={{ opacity: 1, x: 0 }}
|
||||
transition={{ duration: 0.8, delay: 0.2 }}
|
||||
className="space-y-6"
|
||||
>
|
||||
{/* Manufacturing Excellence Card */}
|
||||
<Card className="border-0 shadow-lg hover:shadow-xl transition-shadow">
|
||||
<CardHeader className="pb-4">
|
||||
<CardTitle className="text-xl font-bold text-gray-900 text-center">
|
||||
Manufacturing Excellence
|
||||
</CardTitle>
|
||||
<div className="text-center">
|
||||
<Badge className="bg-orange-100 text-orange-800 px-3 py-1 text-sm">
|
||||
Kaithal, Siwan, Haryana
|
||||
</Badge>
|
||||
</div>
|
||||
</CardHeader>
|
||||
<CardContent className="space-y-3">
|
||||
<div className="flex items-start space-x-3">
|
||||
<div className="w-2 h-2 rounded-full bg-orange-500 mt-2 flex-shrink-0"></div>
|
||||
<p className="text-sm text-gray-700">Located in Haryana - the heart of Basmati rice cultivation</p>
|
||||
</div>
|
||||
<div className="flex items-start space-x-3">
|
||||
<div className="w-2 h-2 rounded-full bg-orange-500 mt-2 flex-shrink-0"></div>
|
||||
<p className="text-sm text-gray-700">State-of-the-art processing facilities ensuring quality</p>
|
||||
</div>
|
||||
<div className="flex items-start space-x-3">
|
||||
<div className="w-2 h-2 rounded-full bg-orange-500 mt-2 flex-shrink-0"></div>
|
||||
<p className="text-sm text-gray-700">Advanced quality control laboratory for testing</p>
|
||||
</div>
|
||||
<div className="flex items-start space-x-3">
|
||||
<div className="w-2 h-2 rounded-full bg-orange-500 mt-2 flex-shrink-0"></div>
|
||||
<p className="text-sm text-gray-700">Hygienic packaging standards maintaining freshness</p>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
||||
{/* Kashmina Rice Card */}
|
||||
<Card className="border-0 shadow-lg hover:shadow-xl transition-shadow bg-gradient-to-br from-emerald-50 to-orange-50">
|
||||
<CardContent className="p-6">
|
||||
<div className="flex items-center">
|
||||
<div className="relative w-24 h-24 flex-shrink-0">
|
||||
<Image
|
||||
src="/rice_bags.png"
|
||||
alt="Kashmina Basmati Rice"
|
||||
fill
|
||||
className="object-contain"
|
||||
/>
|
||||
</div>
|
||||
<div className="flex-1">
|
||||
<h4 className="font-bold text-xl text-gray-900 mb-3">Kashmina Basmati Rice</h4>
|
||||
<p className="text-gray-700 leading-relaxed text-sm">
|
||||
Our flagship brand represents the finest quality Basmati rice,
|
||||
carefully selected, processed, and packaged to deliver the authentic
|
||||
aroma, long grains, and exceptional taste that makes every meal special.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</motion.div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
{/* Mission & Vision Section */}
|
||||
<section id="mission-vision" className="py-20 bg-gradient-to-br from-slate-50 to-emerald-50">
|
||||
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div className="grid grid-cols-1 lg:grid-cols-2 gap-12">
|
||||
{/* Mission */}
|
||||
<motion.div
|
||||
initial={{ opacity: 0, x: -20 }}
|
||||
animate={{ opacity: 1, x: 0 }}
|
||||
transition={{ duration: 0.8 }}
|
||||
>
|
||||
<Card className="h-full border-0 shadow-xl">
|
||||
<CardHeader className="text-center pb-4">
|
||||
<div className="w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4" style={{backgroundColor: '#F5873B20'}}>
|
||||
<Target className="h-8 w-8" style={{color: '#F5873B'}} />
|
||||
</div>
|
||||
<CardTitle className="text-3xl font-bold text-gray-900">Our Mission</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<p className="text-lg text-gray-600 leading-relaxed text-center">
|
||||
Our mission is very simple - we know that if we provide the best, you will collaborate with us as the best.
|
||||
We think and work towards prevailing all over India. Our mission is to provide the best quality rice
|
||||
for everyone at affordable cost, ensuring premium Basmati reaches every Indian kitchen.
|
||||
</p>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</motion.div>
|
||||
|
||||
{/* Vision */}
|
||||
<motion.div
|
||||
initial={{ opacity: 0, x: 20 }}
|
||||
animate={{ opacity: 1, x: 0 }}
|
||||
transition={{ duration: 0.8, delay: 0.2 }}
|
||||
>
|
||||
<Card className="h-full border-0 shadow-xl">
|
||||
<CardHeader className="text-center pb-4">
|
||||
<div className="w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4 bg-emerald-100">
|
||||
<Globe className="h-8 w-8 text-emerald-600" />
|
||||
</div>
|
||||
<CardTitle className="text-3xl font-bold text-gray-900">Our Vision</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<p className="text-lg text-gray-600 leading-relaxed text-center">
|
||||
We know that we are processing what you don't see, but you eat. Here our responsibility is paramount.
|
||||
Our vision is to be the best in your eyes and within your budget - delivering exceptional quality
|
||||
Kashmina Basmati Rice that exceeds expectations while remaining accessible to all.
|
||||
</p>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</motion.div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Features Section */}
|
||||
<section id="features" className="py-20">
|
||||
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
animate={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.8 }}
|
||||
className="text-center mb-16"
|
||||
>
|
||||
<h2 className="text-3xl md:text-4xl font-bold text-gray-900 mb-4">
|
||||
Why Choose Padmaaja Rasooi?
|
||||
</h2>
|
||||
<p className="text-xl text-gray-600 max-w-3xl mx-auto">
|
||||
We're committed to delivering authentic flavors through traditional recipes
|
||||
and modern food processing excellence.
|
||||
</p>
|
||||
</motion.div>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
|
||||
{features.map((feature, index) => (
|
||||
<motion.div
|
||||
key={feature.title}
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
animate={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.8, delay: index * 0.1 }}
|
||||
>
|
||||
<Card className="h-full hover:shadow-xl transition-all duration-300 border-0 shadow-lg">
|
||||
<CardContent className="p-6 text-center">
|
||||
<div className="w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4" style={{backgroundColor: '#F5873B20'}}>
|
||||
<feature.icon className="h-8 w-8" style={{color: '#F5873B'}} />
|
||||
</div>
|
||||
<h3 className="text-xl font-semibold text-gray-900 mb-3">
|
||||
{feature.title}
|
||||
</h3>
|
||||
<p className="text-gray-600">
|
||||
{feature.description}
|
||||
</p>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</motion.div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Leadership Overview Section */}
|
||||
<section className="py-20 bg-gradient-to-br from-slate-50 to-emerald-50">
|
||||
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
animate={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.8 }}
|
||||
className="text-center mb-16"
|
||||
>
|
||||
<h2 className="text-3xl md:text-4xl font-bold text-gray-900 mb-4">
|
||||
Our Leadership
|
||||
</h2>
|
||||
<p className="text-xl text-gray-600 max-w-3xl mx-auto mb-8">
|
||||
Founded by experienced professionals with a vision to bring premium quality
|
||||
Basmati rice from Haryana to every Indian household.
|
||||
</p>
|
||||
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
animate={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.8, delay: 0.2 }}
|
||||
className="bg-white rounded-xl shadow-lg p-8 max-w-4xl mx-auto"
|
||||
>
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-8 items-center">
|
||||
<div className="space-y-4">
|
||||
<h3 className="text-2xl font-bold text-gray-900">Meet Our Founders</h3>
|
||||
<p className="text-gray-700 leading-relaxed">
|
||||
<strong>Rajeev Singh (Founder & Director)</strong> - Ex-army professional with extensive
|
||||
experience in real estate since 2018, now leading our FMCG operations with discipline and excellence.
|
||||
</p>
|
||||
<p className="text-gray-700 leading-relaxed">
|
||||
<strong>Smt. Padmasha Singh (Chairman)</strong> - Experienced leader providing strategic
|
||||
direction and ensuring our commitment to quality and excellence.
|
||||
</p>
|
||||
|
||||
<Link href="/about/founder">
|
||||
<Button className="bg-orange-500 hover:bg-orange-600 text-white mt-4">
|
||||
Learn More About Our Founders
|
||||
<ArrowRight className="ml-2 w-4 h-4" />
|
||||
</Button>
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-2 gap-4">
|
||||
<div className="relative h-40 rounded-lg overflow-hidden">
|
||||
<Image
|
||||
src="/Rajeev Singh.jpg"
|
||||
alt="Rajeev Singh"
|
||||
fill
|
||||
className="object-cover"
|
||||
/>
|
||||
</div>
|
||||
<div className="relative h-40 rounded-lg overflow-hidden">
|
||||
<Image
|
||||
src="/Padmaja Singh.png"
|
||||
alt="Smt. Padmasha Singh"
|
||||
fill
|
||||
className="object-cover"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</motion.div>
|
||||
</motion.div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Our Team Section */}
|
||||
<section id="team" className="py-20 bg-gradient-to-br from-gray-50 via-white to-blue-50">
|
||||
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
animate={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.8 }}
|
||||
className="text-center mb-20"
|
||||
>
|
||||
<div className="inline-flex items-center bg-orange-100 text-orange-800 px-4 py-2 rounded-full text-sm font-medium mb-6">
|
||||
<Users className="w-4 h-4 mr-2" />
|
||||
Meet Our Team
|
||||
</div>
|
||||
<h2 className="text-4xl md:text-5xl font-bold text-gray-900 mb-6">
|
||||
Our Core Team
|
||||
</h2>
|
||||
<p className="text-xl text-gray-600 max-w-3xl mx-auto leading-relaxed">
|
||||
Meet the dedicated professionals who ensure every grain of Kashmina Basmati Rice
|
||||
meets our exceptional standards of quality and excellence.
|
||||
</p>
|
||||
</motion.div>
|
||||
|
||||
{/* Team Grid */}
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6 mb-20">
|
||||
{[
|
||||
{
|
||||
name: "Abhishek Patel",
|
||||
role: "HR",
|
||||
department: "Human Resources",
|
||||
description: "Manages our human resources and ensures smooth workforce operations across all departments.",
|
||||
icon: "👔",
|
||||
color: "from-blue-500 to-blue-600",
|
||||
bgColor: "bg-blue-50",
|
||||
borderColor: "border-blue-200"
|
||||
},
|
||||
{
|
||||
name: "Atul Sahu",
|
||||
role: "Account",
|
||||
department: "Finance & Accounts",
|
||||
description: "Manages financial operations, accounting, and ensures fiscal responsibility across the organization.",
|
||||
icon: "💼",
|
||||
color: "from-emerald-500 to-emerald-600",
|
||||
bgColor: "bg-emerald-50",
|
||||
borderColor: "border-emerald-200"
|
||||
},
|
||||
{
|
||||
name: "Rahul Kumar",
|
||||
role: "Lab",
|
||||
department: "Quality Control Laboratory",
|
||||
description: "Oversees all laboratory testing and quality analysis to maintain our premium standards.",
|
||||
icon: "🔬",
|
||||
color: "from-orange-500 to-orange-600",
|
||||
bgColor: "bg-orange-50",
|
||||
borderColor: "border-orange-200"
|
||||
},
|
||||
{
|
||||
name: "Shivchandra",
|
||||
role: "Processing Incharge",
|
||||
department: "Rice Processing",
|
||||
description: "Supervises rice processing operations and ensures efficient production workflows.",
|
||||
icon: "🏭",
|
||||
color: "from-purple-500 to-purple-600",
|
||||
bgColor: "bg-purple-50",
|
||||
borderColor: "border-purple-200"
|
||||
},
|
||||
{
|
||||
name: "Sunil Awasthi",
|
||||
role: "Marketing Head",
|
||||
department: "Marketing & Sales",
|
||||
description: "Leads marketing strategies and sales initiatives to expand our market presence.",
|
||||
icon: "📈",
|
||||
color: "from-teal-500 to-teal-600",
|
||||
bgColor: "bg-teal-50",
|
||||
borderColor: "border-teal-200"
|
||||
},
|
||||
{
|
||||
name: "Sailesh Tiwari",
|
||||
role: "Head of Operation",
|
||||
department: "Operations Management",
|
||||
description: "Manages overall operations and coordinates between different departments for seamless workflow.",
|
||||
icon: "⚙️",
|
||||
color: "from-indigo-500 to-indigo-600",
|
||||
bgColor: "bg-indigo-50",
|
||||
borderColor: "border-indigo-200"
|
||||
},
|
||||
{
|
||||
name: "Ajad Singh",
|
||||
role: "Head of Operation",
|
||||
department: "Operations Management",
|
||||
description: "Oversees operational excellence and ensures quality standards across all production processes.",
|
||||
icon: "🎯",
|
||||
color: "from-rose-500 to-rose-600",
|
||||
bgColor: "bg-rose-50",
|
||||
borderColor: "border-rose-200"
|
||||
}
|
||||
].map((member, index) => (
|
||||
<motion.div
|
||||
key={member.name}
|
||||
initial={{ opacity: 0, y: 30 }}
|
||||
animate={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.6, delay: index * 0.1 }}
|
||||
whileHover={{ y: -8, scale: 1.02 }}
|
||||
className="group cursor-pointer"
|
||||
>
|
||||
<div className={`relative overflow-hidden rounded-2xl bg-white border ${member.borderColor} shadow-lg hover:shadow-2xl transition-all duration-300 h-full`}>
|
||||
{/* Background Pattern */}
|
||||
<div className={`absolute top-0 right-0 w-32 h-32 ${member.bgColor} rounded-full -translate-y-16 translate-x-16 opacity-20 group-hover:opacity-30 transition-opacity duration-300`} />
|
||||
|
||||
<div className="relative p-6">
|
||||
{/* Icon */}
|
||||
<div className={`w-14 h-14 rounded-xl bg-gradient-to-r ${member.color} flex items-center justify-center mb-4 text-white text-xl shadow-lg group-hover:scale-110 transition-transform duration-300`}>
|
||||
{member.icon}
|
||||
</div>
|
||||
|
||||
{/* Name & Role */}
|
||||
<h3 className="text-lg font-bold text-gray-900 mb-1 group-hover:text-gray-700 transition-colors">
|
||||
{member.name}
|
||||
</h3>
|
||||
<p className="text-orange-600 font-semibold text-sm mb-1">
|
||||
{member.role}
|
||||
</p>
|
||||
<div className={`inline-block px-2 py-1 ${member.bgColor} text-xs font-medium rounded-full mb-3`}>
|
||||
{member.department}
|
||||
</div>
|
||||
|
||||
{/* Description */}
|
||||
<p className="text-gray-600 text-sm leading-relaxed">
|
||||
{member.description}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{/* Hover Effect Gradient */}
|
||||
<div className={`absolute inset-0 bg-gradient-to-br ${member.color} opacity-0 group-hover:opacity-5 transition-opacity duration-300 rounded-2xl`} />
|
||||
</div>
|
||||
</motion.div>
|
||||
))}
|
||||
</div>
|
||||
|
||||
{/* Team Stats */}
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
animate={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.8, delay: 0.5 }}
|
||||
className="grid grid-cols-2 md:grid-cols-4 gap-6 mb-16"
|
||||
>
|
||||
{[
|
||||
{ number: "7+", label: "Team Members", icon: "👥" },
|
||||
{ number: "100%", label: "Dedication", icon: "⭐" },
|
||||
{ number: "24/7", label: "Quality Focus", icon: "🎯" },
|
||||
{ number: "200+ CR", label: "Revenue", icon: "💰" },
|
||||
].map((stat, index) => (
|
||||
<div key={stat.label} className="text-center">
|
||||
<div className="bg-white rounded-xl p-6 shadow-lg border border-gray-100 hover:shadow-xl transition-shadow duration-300">
|
||||
<div className="text-2xl mb-2">{stat.icon}</div>
|
||||
<div className="text-2xl md:text-3xl font-bold text-orange-600 mb-1">{stat.number}</div>
|
||||
<div className="text-gray-600 text-sm font-medium">{stat.label}</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</motion.div>
|
||||
|
||||
{/* Banking Partner Banner */}
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
animate={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.8, delay: 0.7 }}
|
||||
className="relative overflow-hidden bg-gradient-to-r from-blue-600 via-blue-700 to-indigo-700 rounded-2xl p-8 md:p-12 text-white"
|
||||
>
|
||||
{/* Background Pattern */}
|
||||
<div className="absolute inset-0 bg-gradient-to-r from-blue-600/20 to-transparent" />
|
||||
<div className="absolute top-0 right-0 w-64 h-64 bg-white/5 rounded-full -translate-y-32 translate-x-32" />
|
||||
<div className="absolute bottom-0 left-0 w-48 h-48 bg-white/5 rounded-full translate-y-24 -translate-x-24" />
|
||||
|
||||
<div className="relative text-center">
|
||||
<div className="inline-flex items-center justify-center w-16 h-16 bg-white/20 backdrop-blur-sm rounded-full mb-6">
|
||||
<div className="text-3xl">🏦</div>
|
||||
</div>
|
||||
<h3 className="text-2xl md:text-3xl font-bold mb-4">
|
||||
Trusted Banking Partner
|
||||
</h3>
|
||||
<p className="text-xl mb-2 font-semibold text-blue-100">
|
||||
State Bank of India, Kaithal
|
||||
</p>
|
||||
<p className="text-blue-100 max-w-2xl mx-auto leading-relaxed">
|
||||
Our operations are backed by State Bank of India in Kaithal, Haryana,
|
||||
ensuring financial stability and trust in all our business operations.
|
||||
</p>
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Journey & Milestones Section */}
|
||||
<section id="journey" className="py-20">
|
||||
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
animate={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.8 }}
|
||||
className="text-center mb-16"
|
||||
>
|
||||
<h2 className="text-3xl md:text-4xl font-bold text-gray-900 mb-4">
|
||||
Our Journey
|
||||
</h2>
|
||||
<p className="text-xl text-gray-600 max-w-3xl mx-auto">
|
||||
From a small family kitchen to a trusted brand across India -
|
||||
here's how we've grown while staying true to our roots.
|
||||
</p>
|
||||
</motion.div>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
|
||||
{milestones.map((milestone, index) => (
|
||||
<motion.div
|
||||
key={milestone.year}
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
animate={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.8, delay: index * 0.1 }}
|
||||
>
|
||||
<Card className="h-full border-0 shadow-lg hover:shadow-xl transition-all duration-300">
|
||||
<CardContent className="p-6 text-center">
|
||||
<div className="text-3xl font-bold mb-2" style={{color: '#F5873B'}}>
|
||||
{milestone.year}
|
||||
</div>
|
||||
<h3 className="text-lg font-semibold text-gray-900 mb-3">
|
||||
{milestone.title}
|
||||
</h3>
|
||||
<p className="text-gray-600 text-sm">
|
||||
{milestone.description}
|
||||
</p>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</motion.div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Rice Processing Journey Section */}
|
||||
<section id="process" className="py-20 bg-white">
|
||||
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
animate={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.8 }}
|
||||
className="text-center mb-16"
|
||||
>
|
||||
<h2 className="text-3xl md:text-4xl font-bold text-gray-900 mb-4">
|
||||
From Farm to Table
|
||||
</h2>
|
||||
<p className="text-xl text-gray-600 max-w-3xl mx-auto">
|
||||
Our meticulous 8-step process ensures every grain of Kashmina Basmati Rice
|
||||
meets the highest standards of quality, purity, and freshness.
|
||||
</p>
|
||||
</motion.div>
|
||||
|
||||
<div className="relative">
|
||||
{/* Process Flow */}
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
|
||||
{[
|
||||
{
|
||||
step: 1,
|
||||
title: "Purchase",
|
||||
description: "Premium paddy sourced directly from trusted farmers in Haryana",
|
||||
icon: "🌾",
|
||||
color: "from-green-400 to-green-600"
|
||||
},
|
||||
{
|
||||
step: 2,
|
||||
title: "Lab Testing",
|
||||
description: "Rigorous quality checks for moisture, purity, and grain quality",
|
||||
icon: "🔬",
|
||||
color: "from-blue-400 to-blue-600"
|
||||
},
|
||||
{
|
||||
step: 3,
|
||||
title: "Drying Process",
|
||||
description: "Controlled drying to optimal moisture levels for processing",
|
||||
icon: "☀️",
|
||||
color: "from-yellow-400 to-orange-500"
|
||||
},
|
||||
{
|
||||
step: 4,
|
||||
title: "Steaming",
|
||||
description: "Traditional steaming process to enhance aroma and texture",
|
||||
icon: "♨️",
|
||||
color: "from-purple-400 to-purple-600"
|
||||
},
|
||||
{
|
||||
step: 5,
|
||||
title: "Sorting",
|
||||
description: "Advanced sorting to separate premium long grains",
|
||||
icon: "🔍",
|
||||
color: "from-teal-400 to-teal-600"
|
||||
},
|
||||
{
|
||||
step: 6,
|
||||
title: "Quality Check",
|
||||
description: "Final quality inspection ensuring consistency and excellence",
|
||||
icon: "✅",
|
||||
color: "from-emerald-400 to-emerald-600"
|
||||
},
|
||||
{
|
||||
step: 7,
|
||||
title: "Packaging",
|
||||
description: "Hygienic packaging in food-grade materials for freshness",
|
||||
icon: "📦",
|
||||
color: "from-indigo-400 to-indigo-600"
|
||||
},
|
||||
{
|
||||
step: 8,
|
||||
title: "Labelling",
|
||||
description: "Proper labelling with batch details and quality certifications",
|
||||
icon: "🏷️",
|
||||
color: "from-rose-400 to-rose-600"
|
||||
}
|
||||
].map((process, index) => (
|
||||
<motion.div
|
||||
key={process.step}
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
animate={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.8, delay: index * 0.1 }}
|
||||
className="relative"
|
||||
>
|
||||
{/* Connecting Line for larger screens */}
|
||||
{index < 7 && (
|
||||
<div className="hidden lg:block absolute top-16 left-full w-8 h-0.5 bg-gradient-to-r from-orange-300 to-orange-400 z-0" />
|
||||
)}
|
||||
|
||||
<Card className="h-full border-0 shadow-lg hover:shadow-xl transition-all duration-300 relative z-10">
|
||||
<CardContent className="p-6 text-center">
|
||||
{/* Step Number */}
|
||||
<div className={`w-12 h-12 rounded-full bg-gradient-to-r ${process.color} flex items-center justify-center mx-auto mb-4 text-white font-bold text-lg`}>
|
||||
{process.step}
|
||||
</div>
|
||||
|
||||
{/* Icon */}
|
||||
<div className="text-4xl mb-3">
|
||||
{process.icon}
|
||||
</div>
|
||||
|
||||
{/* Title */}
|
||||
<h3 className="text-xl font-semibold text-gray-900 mb-3">
|
||||
{process.title}
|
||||
</h3>
|
||||
|
||||
{/* Description */}
|
||||
<p className="text-gray-600 text-sm leading-relaxed">
|
||||
{process.description}
|
||||
</p>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</motion.div>
|
||||
))}
|
||||
</div>
|
||||
|
||||
{/* Quality Assurance Banner */}
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
animate={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.8, delay: 0.8 }}
|
||||
className="mt-16 bg-gradient-to-r from-orange-50 to-yellow-50 rounded-xl p-8 border-l-4 border-orange-500"
|
||||
>
|
||||
<div className="text-center">
|
||||
<h3 className="text-2xl font-bold text-gray-900 mb-4">
|
||||
🏆 Quality Guaranteed at Every Step
|
||||
</h3>
|
||||
<p className="text-gray-700 text-lg max-w-4xl mx-auto">
|
||||
Our FSSAI-certified facility and experienced team ensure that every grain of
|
||||
Kashmina Basmati Rice maintains the authentic aroma, perfect texture, and
|
||||
exceptional taste that makes your meals truly special.
|
||||
</p>
|
||||
</div>
|
||||
</motion.div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Values Section */}
|
||||
<section className="py-20 bg-gradient-to-br from-slate-50 to-emerald-50">
|
||||
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
animate={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.8 }}
|
||||
className="text-center mb-16"
|
||||
>
|
||||
<h2 className="text-3xl md:text-4xl font-bold text-gray-900 mb-4">
|
||||
Our Core Values
|
||||
</h2>
|
||||
<p className="text-xl text-gray-600 max-w-3xl mx-auto">
|
||||
The principles that guide everything we do at Padmaaja Rasooi.
|
||||
</p>
|
||||
</motion.div>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
animate={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.8 }}
|
||||
>
|
||||
<Card className="h-full border-0 shadow-lg">
|
||||
<CardContent className="p-8 text-center">
|
||||
<div className="w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4" style={{backgroundColor: '#F5873B20'}}>
|
||||
<Shield className="h-8 w-8" style={{color: '#F5873B'}} />
|
||||
</div>
|
||||
<h3 className="text-2xl font-semibold text-gray-900 mb-4">
|
||||
Authenticity
|
||||
</h3>
|
||||
<p className="text-gray-600">
|
||||
We stay true to traditional recipes and cooking methods, ensuring every product
|
||||
delivers the authentic taste that connects you to India's rich culinary heritage.
|
||||
</p>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</motion.div>
|
||||
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
animate={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.8, delay: 0.1 }}
|
||||
>
|
||||
<Card className="h-full border-0 shadow-lg">
|
||||
<CardContent className="p-8 text-center">
|
||||
<div className="w-16 h-16 bg-emerald-100 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||
<Leaf className="h-8 w-8 text-emerald-600" />
|
||||
</div>
|
||||
<h3 className="text-2xl font-semibold text-gray-900 mb-4">
|
||||
Quality
|
||||
</h3>
|
||||
<p className="text-gray-600">
|
||||
From sourcing the finest ingredients to maintaining strict quality controls,
|
||||
we ensure every product meets the highest standards of safety and excellence.
|
||||
</p>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</motion.div>
|
||||
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
animate={{ opacity: 1, y: 0 }}
|
||||
transition={{ duration: 0.8, delay: 0.2 }}
|
||||
>
|
||||
<Card className="h-full border-0 shadow-lg">
|
||||
<CardContent className="p-8 text-center">
|
||||
<div className="w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4" style={{backgroundColor: '#F5873B20'}}>
|
||||
<Heart className="h-8 w-8" style={{color: '#F5873B'}} />
|
||||
</div>
|
||||
<h3 className="text-2xl font-semibold text-gray-900 mb-4">
|
||||
Family First
|
||||
</h3>
|
||||
<p className="text-gray-600">
|
||||
We believe food brings families together. Every product is crafted with the same
|
||||
love and care we put into our own family's meals.
|
||||
</p>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</motion.div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user