483 lines
17 KiB
TypeScript
483 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import { Award, Sparkles, Star } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="none"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "#home",
|
|
},
|
|
{
|
|
name: "Products",
|
|
id: "#products",
|
|
},
|
|
{
|
|
name: "Features",
|
|
id: "#features",
|
|
},
|
|
{
|
|
name: "Testimonials",
|
|
id: "#testimonials",
|
|
},
|
|
{
|
|
name: "FAQ",
|
|
id: "#faq",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "#contact",
|
|
},
|
|
]}
|
|
logoSrc="http://img.b2bpic.net/free-vector/vaping-apparel-illustration_225004-1858.jpg"
|
|
logoAlt="La Casa De Vape Logo"
|
|
brandName="La Casa De Vape"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroOverlay
|
|
title="Premium Vape Products, Expert Service, Fast Delivery"
|
|
description="Discover top-rated devices, e-liquids, and accessories from trusted brands. Shop with confidence backed by real customer reviews and expert guidance."
|
|
tagAnimation="none"
|
|
buttons={[
|
|
{
|
|
text: "Browse Our Collection",
|
|
href: "#products",
|
|
},
|
|
]}
|
|
buttonAnimation="none"
|
|
imageSrc="http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17724.jpg"
|
|
imageAlt="Collection of premium vape products and accessories"
|
|
showBlur={true}
|
|
textPosition="bottom"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/handsome-man-with-stylish-hair-beard-screaming-with-frightened-expression_176420-15801.jpg",
|
|
alt: "Satisfied customer Sarah",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/stylish-elegant-man-sitting-cafe-with-vape_1157-34781.jpg",
|
|
alt: "Happy vaper John",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/joyful-bearded-tattooed-male-smokes-electronic-cigarette-isolated-grey-background_613910-16348.jpg",
|
|
alt: "Enthusiastic vaper Maria",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-bearded-man-cafe-street-with-glass-wine-romantic-guy-white-shirt-cap-suspenders-city-peaky-blinders-old-fassion-retro_1321-2021.jpg",
|
|
alt: "Modern vaper Alex",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-man-sitting-home-indoors-play-games-with-joystick_171337-16826.jpg",
|
|
alt: "Content customer David",
|
|
},
|
|
]}
|
|
avatarText="Join 5000+ happy customers!"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
useInvertedBackground={false}
|
|
title="About La Casa De Vape"
|
|
description={[
|
|
"At La Casa De Vape, we are passionate about providing the highest quality vape products and an unparalleled shopping experience. Our curated selection features only the best devices, e-liquids, and accessories from leading brands, ensuring you always find exactly what you need.",
|
|
"We pride ourselves on expert service, offering personalized recommendations and detailed product knowledge to both seasoned enthusiasts and new vapers. Our commitment extends beyond sales, fostering a trusted community where transparency and customer satisfaction are paramount. Enjoy competitive pricing, fast, reliable delivery, and a seamless digital storefront designed for your convenience.",
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Learn More",
|
|
href: "#",
|
|
},
|
|
]}
|
|
showBorder={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyOne
|
|
useInvertedBackground={true}
|
|
title="Why Choose La Casa De Vape?"
|
|
description="We stand out by offering an exceptional blend of quality, expertise, and customer-centric service. Your satisfaction is our priority."
|
|
accordionItems={[
|
|
{
|
|
id: "f1",
|
|
title: "Unrivaled Product Variety",
|
|
content: "Explore a vast selection of cutting-edge vape devices, exotic e-liquid flavors, and essential accessories from the industry's most trusted brands. We constantly update our inventory to bring you the latest innovations.",
|
|
},
|
|
{
|
|
id: "f2",
|
|
title: "Expert Guidance & Support",
|
|
content: "Our knowledgeable team is here to assist you, whether you're a seasoned vaper seeking advanced setups or a beginner looking for your first kit. Get personalized recommendations and answers to all your vaping questions.",
|
|
},
|
|
{
|
|
id: "f3",
|
|
title: "Competitive Pricing & Rewards",
|
|
content: "Enjoy great value with our competitive pricing and exclusive loyalty programs. Earn rewards with every purchase and gain access to special discounts, making premium vaping more affordable.",
|
|
},
|
|
{
|
|
id: "f4",
|
|
title: "Fast & Secure Delivery",
|
|
content: "We know you can't wait to get your hands on your new vape gear. That's why we offer fast, discreet, and secure shipping options, ensuring your order arrives promptly and safely.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-colorful-glitter-transparent-jar-blue-background_181624-25131.jpg"
|
|
imageAlt="Wide variety of vape products and e-liquids on display"
|
|
mediaAnimation="opacity"
|
|
mediaPosition="left"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "prod-1",
|
|
name: "Nova Pod System",
|
|
price: "$39.99",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-air-fryer_23-2151723452.jpg",
|
|
imageAlt: "Nova Pod System vape device",
|
|
},
|
|
{
|
|
id: "prod-2",
|
|
name: "VaporMax Pro Mod",
|
|
price: "$89.99",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-using-nebulizer-home_23-2150562053.jpg",
|
|
imageAlt: "VaporMax Pro Box Mod",
|
|
},
|
|
{
|
|
id: "prod-3",
|
|
name: "Berry Blast E-liquid",
|
|
price: "$19.99",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/view-alcoholic-beverage-with-cbd-oil-infusion_23-2150762282.jpg",
|
|
imageAlt: "Bottle of Berry Blast E-liquid",
|
|
},
|
|
{
|
|
id: "prod-4",
|
|
name: "Mega Puff Disposable",
|
|
price: "$14.99",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-vape-smoke-gadget-standing-yellow-wall_231208-3681.jpg",
|
|
imageAlt: "Mega Puff Disposable Vape Pen",
|
|
},
|
|
{
|
|
id: "prod-5",
|
|
name: "Ceramic Coil Pack",
|
|
price: "$12.99",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-camcorder-with-swirl-film-stripes-blue-backdrop_23-2148188235.jpg",
|
|
imageAlt: "Pack of ceramic vape coils",
|
|
},
|
|
{
|
|
id: "prod-6",
|
|
name: "Dual Bay Charger",
|
|
price: "$24.99",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/blood-samples-test-tube-rack_53876-95052.jpg",
|
|
imageAlt: "Dual bay vape battery charger",
|
|
},
|
|
]}
|
|
title="Featured Products"
|
|
description="Discover our top-rated vape devices, delicious e-liquids, and essential accessories, hand-picked for quality and performance."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardThree
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
plans={[
|
|
{
|
|
id: "starter-kit",
|
|
badge: "Beginner Friendly",
|
|
badgeIcon: Sparkles,
|
|
price: "$69.99",
|
|
name: "Starter Vaper Kit",
|
|
buttons: [
|
|
{
|
|
text: "Get Started",
|
|
},
|
|
],
|
|
features: [
|
|
"Pod System Device",
|
|
"2 E-liquid Flavors",
|
|
"Extra Pods",
|
|
"Beginner Guide",
|
|
],
|
|
},
|
|
{
|
|
id: "enthusiast-bundle",
|
|
badge: "Best Value",
|
|
badgeIcon: Award,
|
|
price: "$149.99",
|
|
name: "Enthusiast Pro Bundle",
|
|
buttons: [
|
|
{
|
|
text: "Upgrade Now",
|
|
},
|
|
],
|
|
features: [
|
|
"Advanced Mod Kit",
|
|
"4 Premium E-liquids",
|
|
"Extra Coils & Batteries",
|
|
"Advanced User Guide",
|
|
],
|
|
},
|
|
{
|
|
id: "flavor-explorer",
|
|
badge: "Taste Adventure",
|
|
badgeIcon: Star,
|
|
price: "$49.99",
|
|
name: "Flavor Explorer Pack",
|
|
buttons: [
|
|
{
|
|
text: "Discover Flavors",
|
|
},
|
|
],
|
|
features: [
|
|
"5 Assorted E-liquid Flavors",
|
|
"Sampler Pack",
|
|
"Flavor Profile Guide",
|
|
"Exclusive Discounts",
|
|
],
|
|
},
|
|
]}
|
|
title="Exclusive Vape Bundles"
|
|
description="Elevate your vaping experience with our specially curated bundles, offering exceptional value and convenience."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1",
|
|
name: "Sarah J.",
|
|
role: "Vape Enthusiast",
|
|
company: "VapeLife Community",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brunette-female-hat-drinks-coffee-summer-park_613910-3471.jpg",
|
|
imageAlt: "Sarah J.",
|
|
},
|
|
{
|
|
id: "t2",
|
|
name: "Mark P.",
|
|
role: "New Vaper",
|
|
company: "First-Time Buyer",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-trendy-stylish-glasses-bright-orange-oversized-jacket-white-background-smokes-electronic-cigarette_343596-8182.jpg",
|
|
imageAlt: "Mark P.",
|
|
},
|
|
{
|
|
id: "t3",
|
|
name: "Emily R.",
|
|
role: "Flavor Connoisseur",
|
|
company: "E-liquid Critic",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-couple-with-vape-city_1157-23870.jpg",
|
|
imageAlt: "Emily R.",
|
|
},
|
|
{
|
|
id: "t4",
|
|
name: "David L.",
|
|
role: "Experienced Modder",
|
|
company: "Advanced Vaping Forum",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-drinking-street_23-2147765402.jpg",
|
|
imageAlt: "David L.",
|
|
},
|
|
{
|
|
id: "t5",
|
|
name: "Jessica M.",
|
|
role: "Daily Vaper",
|
|
company: "Online Reviewer",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-pensive-woman-with-electronic-cigar_1153-547.jpg",
|
|
imageAlt: "Jessica M.",
|
|
},
|
|
{
|
|
id: "t6",
|
|
name: "Chris B.",
|
|
role: "Product Tester",
|
|
company: "Vape Tech Enthusiast",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-pressing-ringbell_1187-3687.jpg",
|
|
imageAlt: "Chris B.",
|
|
},
|
|
]}
|
|
title="What Our Customers Say"
|
|
description="Hear directly from our satisfied customers about their experience with La Casa De Vape's products and service."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"VaporTech Innovations",
|
|
"Elite Mods Inc.",
|
|
"FlavorCraft Labs",
|
|
"PodMaster Solutions",
|
|
"CoilGenius Manufacturing",
|
|
"BatteryPro Essentials",
|
|
"Global Vape Supply",
|
|
]}
|
|
title="Our Trusted Brand Partners"
|
|
description="We proudly partner with leading names in the vape industry to bring you only the highest quality and most reliable products."
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "q1",
|
|
title: "What types of vape products do you offer?",
|
|
content: "We offer a wide range of vape products including starter kits, advanced mod systems, various e-liquid flavors (nicotine salt and freebase), coils, batteries, and other essential accessories.",
|
|
},
|
|
{
|
|
id: "q2",
|
|
title: "How do I choose the right vape for me?",
|
|
content: "Our expert team is here to help! Consider your experience level, preferred vaping style (MTL or DTL), and desired features. You can contact us for personalized recommendations, or check our beginner's guide in the blog.",
|
|
},
|
|
{
|
|
id: "q3",
|
|
title: "What are your shipping policies?",
|
|
content: "We offer fast and discreet shipping options. Delivery times and costs vary depending on your location and chosen shipping method. You can find detailed information on our 'Shipping & Returns' page.",
|
|
},
|
|
{
|
|
id: "q4",
|
|
title: "Do you offer international shipping?",
|
|
content: "Currently, we primarily ship within [Your Country/Region]. Please check our shipping policy or contact customer service for potential international shipping inquiries and regulations.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/man-workshop-creating-bike_23-2148866689.jpg"
|
|
imageAlt="Customer support representative helping with vape questions"
|
|
mediaAnimation="opacity"
|
|
mediaPosition="right"
|
|
title="Frequently Asked Questions"
|
|
description="Find quick answers to common questions about our products, orders, and vaping in general. Your guide to a smoother experience."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
tag="Get In Touch"
|
|
title="Connect with La Casa De Vape"
|
|
description="Have questions, need support, or just want to chat about vaping? We're here to help! Reach out to our team for expert advice and assistance."
|
|
imageSrc="http://img.b2bpic.net/free-photo/blurred-electronics-store_1203-711.jpg"
|
|
imageAlt="Modern vape shop interior with friendly staff"
|
|
mediaAnimation="opacity"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Send Message"
|
|
termsText="By sending a message, you confirm you are 21+ and agree to our Terms and Conditions."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoSrc="http://img.b2bpic.net/free-vector/vaping-apparel-illustration_225004-1858.jpg"
|
|
logoAlt="La Casa De Vape Logo"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "Home",
|
|
href: "#home",
|
|
},
|
|
{
|
|
label: "Products",
|
|
href: "#products",
|
|
},
|
|
{
|
|
label: "Features",
|
|
href: "#features",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "About Us",
|
|
href: "#about",
|
|
},
|
|
{
|
|
label: "Testimonials",
|
|
href: "#testimonials",
|
|
},
|
|
{
|
|
label: "FAQ",
|
|
href: "#faq",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Contact",
|
|
href: "#contact",
|
|
},
|
|
{
|
|
label: "Privacy Policy",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Terms of Service",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
logoText="La Casa De Vape"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|