289 lines
17 KiB
TypeScript
289 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import { Droplets, Heart, Phone, Shield, Sparkles, Zap } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="large"
|
|
background="circleGradient"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="PureSip Water"
|
|
navItems={[
|
|
{ name: "Products", id: "products" },
|
|
{ name: "Why Us", id: "why-us" },
|
|
{ name: "How It Works", id: "how-it-works" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Order Now", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboardSplit
|
|
logoText="Premium Packaged Drinking Water with Custom Branding"
|
|
description="Make your brand stand out with personalized water bottles. Specially bottled for offices, coaching centers, gyms, and corporate events. Fast delivery across Noida & Delhi NCR."
|
|
background={{ variant: "cell-wave" }}
|
|
buttons={[
|
|
{ text: "Order Now", href: "#contact" },
|
|
{ text: "Get Custom Branding", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
layoutOrder="default"
|
|
imageSrc="http://img.b2bpic.net/free-photo/photorealistic-water-bottle_23-2151049023.jpg"
|
|
imageAlt="PureSip Water premium packaged drinking water bottle"
|
|
mediaAnimation="blur-reveal"
|
|
frameStyle="card"
|
|
ariaLabel="PureSip Water hero section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
title="About PureSip Water"
|
|
description={[
|
|
"PureSip Water is your trusted partner for premium packaged drinking water solutions. We deliver clean, safe, and refreshing water specially sourced and purified to the highest standards.", "With over 10 years of experience serving offices, coaching centers, gyms, and event planners across Delhi NCR, we've built our reputation on reliability, quality, and exceptional customer service. Our commitment is simple: pure water, delivered fast, at competitive prices."
|
|
]}
|
|
buttons={[
|
|
{ text: "Learn More", href: "#products" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
showBorder={false}
|
|
useInvertedBackground={true}
|
|
ariaLabel="About PureSip Water section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
title="Our Products"
|
|
description="Choose the perfect water solution for your needs. All products undergo rigorous quality testing."
|
|
tag="Pure & Fresh"
|
|
tagIcon={Droplets}
|
|
tagAnimation="slide-up"
|
|
products={[
|
|
{
|
|
id: "20L", name: "20L Water Jar", price: "₹150", variant: "Perfect for offices & gyms", imageSrc: "http://img.b2bpic.net/free-vector/household-water-filter-pitcher-with-3-replacement-carbon-cartridges-full-glass-realistic-set-transparent_1284-26868.jpg?_wi=1", imageAlt: "20 liter water jar dispenser"
|
|
},
|
|
{
|
|
id: "500ml", name: "500ml Bottle", price: "₹20", variant: "Portable & convenient", imageSrc: "http://img.b2bpic.net/free-photo/elder-drinking-water-woods_23-2148314558.jpg", imageAlt: "500ml packaged water bottle"
|
|
},
|
|
{
|
|
id: "1L", name: "1L Bottle", price: "₹40", variant: "Family-friendly size", imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing_176474-100996.jpg", imageAlt: "1 liter packaged water bottle"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Product offerings section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="custom-branding" data-section="custom-branding">
|
|
<FeatureCardSix
|
|
title="Custom Branding Solutions"
|
|
description="Stand out with personalized water bottles featuring your company logo and brand identity. Perfect for corporate gifts, event activations, and brand visibility."
|
|
tag="Your Brand, Our Water"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Company Branding", description: "Print your company name, logo, and message directly on water bottles. Ideal for offices looking to increase brand visibility among employees and visitors.", imageSrc: "http://img.b2bpic.net/free-vector/glowing-blue-water-droplet-backdrop-design_1017-53530.jpg?_wi=1", imageAlt: "Custom branded water bottle with company logo"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Event Sponsorship", description: "Boost your brand presence at corporate events, seminars, and conferences. Custom-branded water bottles serve as memorable gifts that attendees take home.", imageSrc: "http://img.b2bpic.net/free-photo/friends-cooking-together-barbecue_23-2149071391.jpg", imageAlt: "Event branded water bottles at corporate gathering"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
ariaLabel="Custom branding section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-us" data-section="why-us">
|
|
<MetricCardEleven
|
|
title="Why Choose PureSip Water?"
|
|
description="We deliver premium quality water with exceptional service. Here's what sets us apart from the competition."
|
|
tag="Quality Guaranteed"
|
|
tagIcon={Shield}
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "100%", title: "Pure & Safe", description: "Every batch tested and certified for purity. Industry-leading water treatment standards.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-with-tablet_23-2148902530.jpg", imageAlt: "quality control laboratory testing"
|
|
},
|
|
{
|
|
id: "2", value: "24hrs", title: "Fast Delivery", description: "Quick order-to-delivery turnaround. Same-day delivery available in select areas.", imageSrc: "http://img.b2bpic.net/free-photo/courier-holding-express-delivery-package_23-2151994435.jpg?_wi=1", imageAlt: "delivery truck logistics transportation"
|
|
},
|
|
{
|
|
id: "3", value: "Best", title: "Competitive Pricing", description: "Premium quality at unbeatable rates. Bulk discounts available for regular customers.", imageSrc: "http://img.b2bpic.net/free-vector/glowing-blue-water-droplet-backdrop-design_1017-53530.jpg?_wi=2", imageAlt: "custom water bottle label branding"
|
|
},
|
|
{
|
|
id: "4", value: "10+", title: "Years Experience", description: "Trusted by 500+ offices, coaching centers, and gyms across Delhi NCR region.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-chatting-work_23-2150697630.jpg?_wi=1", imageAlt: "office workplace water station"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Why choose us section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="how-it-works" data-section="how-it-works">
|
|
<FeatureCardSix
|
|
title="How It Works"
|
|
description="Simple, transparent process from order to delivery. Get your custom-branded water in just 4 easy steps."
|
|
tag="Simple Process"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Step 1: Contact Us", description: "Reach out via phone, WhatsApp, or our contact form. Tell us your requirements: volume, bottle size, and branding preferences.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-chatting-work_23-2150697630.jpg?_wi=2", imageAlt: "Contact PureSip Water support"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Step 2: Choose & Customize", description: "Select from our 20L jars, 500ml, or 1L bottles. Provide your company details for custom labeling and branding.", imageSrc: "http://img.b2bpic.net/free-vector/household-water-filter-pitcher-with-3-replacement-carbon-cartridges-full-glass-realistic-set-transparent_1284-26868.jpg?_wi=2", imageAlt: "Choose water bottle size and customization"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Step 3: Get Your Label", description: "We design and prepare your custom labels featuring your company name, logo, and branding. Quick turnaround on approvals.", imageSrc: "http://img.b2bpic.net/free-vector/glowing-blue-water-droplet-backdrop-design_1017-53530.jpg?_wi=3", imageAlt: "Custom label design and printing"
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Step 4: Fast Delivery", description: "Receive your branded water bottles on schedule. We ensure timely delivery with minimal disruption to your operations.", imageSrc: "http://img.b2bpic.net/free-photo/courier-holding-express-delivery-package_23-2151994435.jpg?_wi=2", imageAlt: "Fast delivery to your location"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
ariaLabel="How it works section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="What Our Clients Say"
|
|
description="Trusted by leading offices, coaching centers, gyms, and event planners across Delhi NCR. Here's what they think about PureSip Water."
|
|
tag="Client Stories"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Rajesh Kumar", handle: "Office Manager, Tech Innovations Ltd", testimonial: "PureSip Water has transformed our office hydration. The custom branding gives us a professional touch, and the delivery is always on time. Highly recommended!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-wearing-spectacles-holding-newspaper-caf_23-2147876735.jpg", imageAlt: "Rajesh Kumar office manager"
|
|
},
|
|
{
|
|
id: "2", name: "Priya Singh", handle: "Fitness Director, FitZone Gym", testimonial: "Our members love the branded water bottles at FitZone. PureSip's quality and reliability have made them an essential part of our gym operations.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sportive-girl-posing-with-crossed-arms-dark-wall_176420-620.jpg", imageAlt: "Priya Singh fitness director"
|
|
},
|
|
{
|
|
id: "3", name: "Amit Patel", handle: "Head, Delhi Success Coaching", testimonial: "For our coaching center, PureSip Water is perfect. The custom labels with our logo create brand awareness among students. Fast service and great prices!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-students-classroom_329181-13021.jpg", imageAlt: "Amit Patel coaching center head"
|
|
},
|
|
{
|
|
id: "4", name: "Neha Desai", handle: "Event Coordinator, Elite Events", testimonial: "We've used PureSip Water for multiple corporate events. Their branded bottles are always a hit with attendees. Professional and reliable service every time.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-interior-design-project_23-2150346550.jpg", imageAlt: "Neha Desai event coordinator"
|
|
}
|
|
]}
|
|
showRating={true}
|
|
carouselMode="buttons"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Testimonials section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
ctaTitle="Ready to Order?"
|
|
ctaDescription="Get in touch with us today. Our team is available to help with any questions or to process your order quickly."
|
|
ctaButton={{ text: "Contact Us Now", href: "#" }}
|
|
ctaIcon={Phone}
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
accordionAnimationType="smooth"
|
|
showCard={true}
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What areas do you deliver to?", content: "We deliver across Noida, Delhi, and the Delhi NCR region. For areas outside our regular coverage, please contact us for special delivery arrangements."
|
|
},
|
|
{
|
|
id: "2", title: "Can I customize the bottle labels?", content: "Absolutely! We offer full custom branding services. You can add your company name, logo, contact information, and any other branding elements to your water bottles."
|
|
},
|
|
{
|
|
id: "3", title: "What are the minimum order quantities?", content: "Minimum orders start from just 10 bottles for 500ml/1L sizes and 5 jars for 20L containers. Bulk discounts available for larger orders."
|
|
},
|
|
{
|
|
id: "4", title: "How quickly can you deliver?", content: "Standard delivery takes 2-3 business days. For urgent orders, we offer same-day or next-day delivery in select areas. Contact us for specific timelines."
|
|
},
|
|
{
|
|
id: "5", title: "What payment methods do you accept?", content: "We accept cash, online transfers, UPI, and credit/debit cards. Payment terms can be arranged for bulk or recurring orders."
|
|
},
|
|
{
|
|
id: "6", title: "Do you offer bulk discounts?", content: "Yes! We offer competitive bulk pricing for offices, gyms, coaching centers, and event organizers. Contact our sales team for customized quotes."
|
|
}
|
|
]}
|
|
ariaLabel="Contact and FAQ section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="PureSip Water"
|
|
columns={[
|
|
{
|
|
title: "Products", items: [
|
|
{ label: "20L Water Jar", href: "#products" },
|
|
{ label: "500ml Bottle", href: "#products" },
|
|
{ label: "1L Bottle", href: "#products" },
|
|
{ label: "Custom Branding", href: "#custom-branding" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "How It Works", href: "#how-it-works" },
|
|
{ label: "Why Choose Us", href: "#why-us" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Phone: +91-9876543210", href: "tel:+919876543210" },
|
|
{ label: "WhatsApp: +91-9876543210", href: "https://wa.me/919876543210" },
|
|
{ label: "Email: info@puresipwater.com", href: "mailto:info@puresipwater.com" },
|
|
{ label: "Serving Noida & Delhi NCR", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 PureSip Water. All rights reserved."
|
|
ariaLabel="Site footer"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|