Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 392b434db4 | |||
| c5c74621c9 | |||
| 0fa3448b36 |
425
src/app/page.tsx
425
src/app/page.tsx
@@ -20,9 +20,9 @@ export default function LandingPage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="grid"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="primary-glow"
|
||||
background="none"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
@@ -31,21 +31,9 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Hookahs",
|
||||
id: "hookahs",
|
||||
},
|
||||
{
|
||||
name: "Bongs",
|
||||
id: "bongs",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="LA Hookah Shop"
|
||||
/>
|
||||
@@ -53,392 +41,63 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={true}
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Define Your Smoke Culture"
|
||||
description="Discover a premium selection of artisanal hookahs, authentic bongs, and imported accessories delivered with excellence in Mithanpura."
|
||||
variant: "plain"}}
|
||||
title="Silence & Refinement"
|
||||
description="Discover a minimalist approach to premium smoking culture. Curated pieces for those who value quiet, deliberate excellence."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Rahul Verma",
|
||||
handle: "@rahulv",
|
||||
testimonial: "The best premium hookah collection in Bihar! Truly international quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-relaxing-by-vaping-from-hookah-bar_23-2149191851.jpg?_wi=1",
|
||||
imageAlt: "luxury hookah lounge setting",
|
||||
name: "Rahul Verma", handle: "@rahulv", testimonial: "A truly serene shopping experience. Pure minimalism.", rating: 5,
|
||||
},
|
||||
{
|
||||
name: "Anita Singh",
|
||||
handle: "@anitas",
|
||||
testimonial: "Excellent service and the flavor range is unmatched. Very happy.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hookah-while-smoking-table-close-up-view_141793-17511.jpg?_wi=1",
|
||||
imageAlt: "luxury hookah lounge setting",
|
||||
},
|
||||
{
|
||||
name: "Vikram Das",
|
||||
handle: "@vikramd",
|
||||
testimonial: "Imported hookah quality is superb. Feels like a Dubai lounge.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hookah-with-red-lamp_140725-6398.jpg?_wi=1",
|
||||
imageAlt: "luxury hookah lounge setting",
|
||||
},
|
||||
{
|
||||
name: "Sita Kumari",
|
||||
handle: "@sitak",
|
||||
testimonial: "Modern, sleek, and premium. My go-to shop now.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-growing-plants_23-2149198289.jpg?_wi=1",
|
||||
imageAlt: "luxury hookah lounge setting",
|
||||
},
|
||||
{
|
||||
name: "Amit Shah",
|
||||
handle: "@amitsh",
|
||||
testimonial: "The Russian hookahs here are world-class. Worth every penny.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/valentines-day-still-life-design_23-2149246426.jpg?_wi=1",
|
||||
imageAlt: "luxury hookah lounge setting",
|
||||
},
|
||||
name: "Anita Singh", handle: "@anitas", testimonial: "Quiet luxury. Exactly what I was looking for.", rating: 5,
|
||||
}
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Get in Touch", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-relaxing-by-vaping-from-hookah-bar_23-2149191851.jpg?_wi=2"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-man-with-grey-hair-dark-color-shirt-looking-camera-happy-positive-smiling-showing-ok-sign-standing-brown-background_141793-133797.jpg",
|
||||
alt: "Customer photo 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-4617.jpg",
|
||||
alt: "Customer photo 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-businesswoman-posing-with-coffee_23-2148452691.jpg",
|
||||
alt: "Customer photo 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-photo-bearded-guy-smiling-gesturing-with-ok-sign-expressing-good-choice-being-isolated-graphite_171337-455.jpg",
|
||||
alt: "Customer photo 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brunette-businessman-formal-wear-posing-camera-with-broad-smile-advertising-with-index-finger-up-dark-gray-copy-space_171337-447.jpg",
|
||||
alt: "Customer photo 5",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Quality",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Imports",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Support",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Mithanpura's Finest",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Elite Experience",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hookahs" data-section="hookahs">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Alpha Hookah",
|
||||
name: "Russian Series X",
|
||||
price: "₹12,000",
|
||||
rating: 5,
|
||||
reviewCount: "24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hookah-while-smoking-table-close-up-view_141793-17511.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Local Craft",
|
||||
name: "Artisanal Royal",
|
||||
price: "₹8,500",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hookah-with-red-lamp_140725-6398.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Alpha Hookah",
|
||||
name: "Modern Matte Gold",
|
||||
price: "₹15,000",
|
||||
rating: 5,
|
||||
reviewCount: "30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-beard-arabian-man-glasses-military-jacket-smoking-hookah-street-bar-arab-model-having-rest-taking-selfie-phone_627829-2773.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Custom",
|
||||
name: "Traditional Indian Luxe",
|
||||
price: "₹6,000",
|
||||
rating: 4,
|
||||
reviewCount: "18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hookah-still-life-assortment_23-2149213299.jpg",
|
||||
},
|
||||
]}
|
||||
title="Premium Hookah Selection"
|
||||
description="Experience international standards with our curated Russian and Indian luxury hookahs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="bongs" data-section="bongs">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "b1",
|
||||
brand: "Aesthetic",
|
||||
name: "Neon Glass Bong",
|
||||
price: "₹4,500",
|
||||
rating: 5,
|
||||
reviewCount: "40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-growing-plants_23-2149198289.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
brand: "Aesthetic",
|
||||
name: "Minimalist Clear",
|
||||
price: "₹3,200",
|
||||
rating: 5,
|
||||
reviewCount: "25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luggage-seen-from-rear-car-window_23-2150934353.jpg",
|
||||
},
|
||||
{
|
||||
id: "b3",
|
||||
brand: "Premium",
|
||||
name: "Gold Rimmed Bong",
|
||||
price: "₹5,500",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-woman-with-dyed-hair-standing-front-beige-wall_23-2147909874.jpg",
|
||||
},
|
||||
{
|
||||
id: "b4",
|
||||
brand: "Premium",
|
||||
name: "Smoky Glass Bong",
|
||||
price: "₹4,800",
|
||||
rating: 4,
|
||||
reviewCount: "22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-bad-habit-cigarette-arrangement_23-2148540735.jpg",
|
||||
},
|
||||
]}
|
||||
title="Glass Bongs & Accessories"
|
||||
description="Clean, aesthetic, and functional pieces for the discerning smoker."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="flavors" data-section="flavors">
|
||||
<FeatureCardSixteen
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Generic Charcoal",
|
||||
"Weak Flavor",
|
||||
"Inconsistent Burn",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Premium Coconut Coal",
|
||||
"Long-Lasting Flavor",
|
||||
"Consistent Smooth Smoke",
|
||||
],
|
||||
}}
|
||||
title="Flavors & Charcoal"
|
||||
description="Top-tier fuel for your hookah sessions. Only the finest imports."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="best-sellers" data-section="best-sellers">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "n1",
|
||||
brand: "Premium",
|
||||
name: "Flavor Tin Mix",
|
||||
price: "₹800",
|
||||
rating: 5,
|
||||
reviewCount: "100",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/valentines-day-still-life-design_23-2149246426.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "n2",
|
||||
brand: "Premium",
|
||||
name: "Charcoal Box (1kg)",
|
||||
price: "₹500",
|
||||
rating: 5,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-bowl-crispy-black-chips-stone_114579-87794.jpg",
|
||||
},
|
||||
{
|
||||
id: "n3",
|
||||
brand: "Alpha Hookah",
|
||||
name: "Russian Series X",
|
||||
price: "₹12,000",
|
||||
rating: 5,
|
||||
reviewCount: "24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hookah-still-life-composition_23-2149213319.jpg",
|
||||
},
|
||||
{
|
||||
id: "n4",
|
||||
brand: "Aesthetic",
|
||||
name: "Neon Glass Bong",
|
||||
price: "₹4,500",
|
||||
rating: 5,
|
||||
reviewCount: "40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laboratory-glassware-assortment-still-life_23-2149731522.jpg",
|
||||
},
|
||||
]}
|
||||
title="New Arrivals & Best Sellers"
|
||||
description="Trending now in Mithanpura. Don't miss these elite picks."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Star,
|
||||
title: "Happy Customers",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Award,
|
||||
title: "Premium Items",
|
||||
value: "200+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Zap,
|
||||
title: "Verified Reviews",
|
||||
value: "450+",
|
||||
},
|
||||
]}
|
||||
title="Shop Stats"
|
||||
description="Trusted by our community of hookah enthusiasts."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="depth-3d"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Rahul Verma",
|
||||
role: "CEO",
|
||||
company: "TechStart",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-drag-queen-indoors_23-2149556820.jpg",
|
||||
id: "t1", name: "Rahul Verma", role: "Design Lead", company: "Studio V", rating: 5,
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Anita Singh",
|
||||
role: "Designer",
|
||||
company: "Creatives",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-making-phone-call-couch-christmas_23-2147724621.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Vikram Das",
|
||||
role: "Entrepreneur",
|
||||
company: "LocalBiz",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-smiling-woman-sitting-hipster-cafe-sofa-wearing-shirt-blue-sunglasses-drinking-coffee_285396-271.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sita Kumari",
|
||||
role: "Marketing",
|
||||
company: "GrowthCo",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-lady-designer-sitting-office-night_171337-15584.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Amit Shah",
|
||||
role: "Developer",
|
||||
company: "CodeFlow",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shorthaired-girl-pink-sunglasses-smiling-outdoors-happy-woman-with-brunette-hair-beige-cool-jacket-grey-tshirt-posing-city_197531-29469.jpg",
|
||||
},
|
||||
id: "t2", name: "Anita Singh", role: "Architect", company: "Form Space", rating: 5,
|
||||
}
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Average Rating",
|
||||
},
|
||||
value: "4.9", label: "Average Rating"},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Customer Satisfaction",
|
||||
},
|
||||
value: "98%", label: "Satisfied"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Genuine Products",
|
||||
},
|
||||
value: "100%", label: "Genuine"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Authentic experiences from smoking lounge lovers."
|
||||
title="Curated Feedback"
|
||||
description="Whispers of appreciation from our community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Visit us in Mithanpura, Muzaffarpur. Experience luxury smoking accessories firsthand. WhatsApp us today for inquiries."
|
||||
variant: "plain"}}
|
||||
text="Connect with us in Mithanpura. A quiet space for your inquiries."
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp Us",
|
||||
href: "https://wa.me/91XXXXXXXXXX",
|
||||
},
|
||||
text: "WhatsApp Us", href: "https://wa.me/91XXXXXXXXXX"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -449,37 +108,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop Hookahs",
|
||||
href: "#hookahs",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Accessories",
|
||||
href: "#bongs",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/91XXXXXXXXXX",
|
||||
},
|
||||
label: "WhatsApp", href: "https://wa.me/91XXXXXXXXXX"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -489,4 +128,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #0a0a0a;
|
||||
--card: #161616;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #d4af37;
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000612e6;
|
||||
--primary-cta: #15479c;
|
||||
--primary-cta-text: #000000;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #ffbf00;
|
||||
--background-accent: #262626;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user