|
|
|
|
@@ -7,15 +7,18 @@ import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboa
|
|
|
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
|
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
|
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
|
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
|
|
|
import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
|
|
|
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
|
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
|
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
|
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
|
|
|
import { Sparkles, Award, Beaker, TrendingUp, Heart, HelpCircle, BookOpen, Camera } from 'lucide-react';
|
|
|
|
|
import { Sparkles, Award, Heart, Camera } from 'lucide-react';
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
const scrollTo = (id: string) => {
|
|
|
|
|
const element = document.getElementById(id);
|
|
|
|
|
if (element) {
|
|
|
|
|
element.scrollIntoView({ behavior: "smooth" });
|
|
|
|
|
}
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<ThemeProvider
|
|
|
|
|
defaultButtonVariant="bounce-effect"
|
|
|
|
|
@@ -39,7 +42,7 @@ export default function LandingPage() {
|
|
|
|
|
{ name: "Gallery", id: "gallery" },
|
|
|
|
|
{ name: "Contact", id: "contact" }
|
|
|
|
|
]}
|
|
|
|
|
button={{ text: "Shop Now", href: "#products" }}
|
|
|
|
|
button={{ text: "Shop Now", onClick: () => scrollTo("products") }}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -52,13 +55,13 @@ export default function LandingPage() {
|
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Shop Now", href: "#products" },
|
|
|
|
|
{ text: "Explore Products", href: "#products" }
|
|
|
|
|
{ text: "Shop Now", onClick: () => scrollTo("products") },
|
|
|
|
|
{ text: "Explore Products", onClick: () => scrollTo("products") }
|
|
|
|
|
]}
|
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
|
carouselItems={[
|
|
|
|
|
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-blue-marshmallows_23-2147748095.jpg", imageAlt: "Premium baby wipes pack" },
|
|
|
|
|
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/child-one-little-studio-alone_1304-922.jpg", imageAlt: "Happy baby lifestyle" },
|
|
|
|
|
{ id: "2", imageSrc: "https://img.b2bpic.net/free-photo/set-with-2-hand-holding-wipes-napkins-makeup-remove_633478-558.jpg?id=26076798", imageAlt: "Happy baby lifestyle" },
|
|
|
|
|
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/sponge-stars-soap-bar-sanitizer-soap-dispenser-blue-background_23-2147940458.jpg", imageAlt: "Close up of baby care products" },
|
|
|
|
|
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/mother-with-little-son-bathroom_1157-20455.jpg", imageAlt: "Minimalist bathroom setting" },
|
|
|
|
|
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/handle-newborn-hands-grandmother-closeup_169016-37570.jpg", imageAlt: "Parent and child hand holding" },
|
|
|
|
|
@@ -76,7 +79,7 @@ export default function LandingPage() {
|
|
|
|
|
tag="Brand Vision"
|
|
|
|
|
tagIcon={Heart}
|
|
|
|
|
imagePosition="left"
|
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/minimal-baby-nursery-setup_23-2148564022.jpg"
|
|
|
|
|
imageSrc="https://img.b2bpic.net/free-photo/closeup-woman-using-antibacterial-wipe-cleaning-hands-bathroom_637285-4741.jpg?id=26143248"
|
|
|
|
|
bulletPoints={[
|
|
|
|
|
{ title: "Ethical Sourcing", description: "Materials harvested with sustainability in mind." },
|
|
|
|
|
{ title: "Purity Standard", description: "Clinically clean formulation for sensitive skin." }
|
|
|
|
|
@@ -94,9 +97,9 @@ export default function LandingPage() {
|
|
|
|
|
tagIcon={Award}
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
products={[
|
|
|
|
|
{ id: "1", name: "Sensitive Pure", price: "$9.99", imageSrc: "http://img.b2bpic.net/free-photo/birthday-background_23-2148031001.jpg" },
|
|
|
|
|
{ id: "2", name: "Bamboo Organic", price: "$12.99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-brushes-arrangement_23-2148743090.jpg" },
|
|
|
|
|
{ id: "3", name: "Travel Duo", price: "$6.99", imageSrc: "http://img.b2bpic.net/free-photo/white-package-wet-wipes-isolated_187299-46184.jpg" }
|
|
|
|
|
{ id: "1", name: "Sensitive Pure", price: "", imageSrc: "https://img.b2bpic.net/free-photo/paper-bag-packaging-food-takeaway-concept_53876-129021.jpg?id=17604393" },
|
|
|
|
|
{ id: "2", name: "Bamboo Organic", price: "", imageSrc: "https://img.b2bpic.net/premium-photo/cleaning-disinfection-hands-with-antibacterial-wet-wipes_122732-1617.jpg?id=7060078" },
|
|
|
|
|
{ id: "3", name: "Travel Wipes", price: "", imageSrc: "http://img.b2bpic.net/free-photo/white-package-wet-wipes-isolated_187299-46184.jpg" }
|
|
|
|
|
]}
|
|
|
|
|
gridVariant="asymmetric-60-wide-40-narrow"
|
|
|
|
|
textboxLayout="inline-image"
|
|
|
|
|
@@ -140,8 +143,8 @@ export default function LandingPage() {
|
|
|
|
|
<FooterLogoEmphasis
|
|
|
|
|
logoText="BachchaWipes"
|
|
|
|
|
columns={[
|
|
|
|
|
{ items: [{ label: "Shop" }, { label: "Story" }, { label: "Gallery" }] },
|
|
|
|
|
{ items: [{ label: "Shipping" }, { label: "Contact" }, { label: "Privacy" }] }
|
|
|
|
|
{ items: [{ label: "Shop", onClick: () => scrollTo("products") }, { label: "Story", onClick: () => scrollTo("story") }, { label: "Gallery", onClick: () => scrollTo("gallery") }] },
|
|
|
|
|
{ items: [{ label: "Contact", onClick: () => scrollTo("contact") }, { label: "Privacy" }] }
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
