Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -3,16 +3,16 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
+import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
+import TeamCardOne from '@/components/sections/team/TeamCardOne';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 import { Heart, Leaf, Sparkles, Waves } from "lucide-react";
 
 export default function LandingPage() {
@@ -34,38 +34,38 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         { name: "Home", id: "#hero" },
-        { name: "Treatments", id: "#services" },
+        { name: "Products", id: "#services" },
         { name: "Pricing", id: "#pricing" },
         { name: "Contact", id: "#contact" },
       ]}
-      brandName="Serene Spa"
+      brandName="SmokeHaven"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
       background={{ variant: "gradient-bars" }}
-      title="Elevate Your Inner Peace"
-      description="Experience world-class spa treatments designed to rejuvenate your body, mind, and spirit in a tranquil, luxurious sanctuary."
-      tag="Luxury Spa Retreat"
+      title="Premium Vapes & Botanical Essentials"
+      description="Discover a curated collection of high-quality smoking accessories and relaxation essentials in a welcoming, modern smoke shop environment."
+      tag="Your Local Smoke Shop"
       mediaItems={[
-        { imageSrc: "http://img.b2bpic.net/free-photo/beauty-treatments-arab-baths_1139-162.jpg", imageAlt: "Luxury spa relaxation interior" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-bath-accessories-thai-orchid-flowers_169016-17211.jpg", imageAlt: "Spa water reflection calm" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/vape-products-table_1139-162.jpg", imageAlt: "Vape products display" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/glass-smoking-pipes-accessories_169016-17211.jpg", imageAlt: "Glass accessories" },
       ]}
       mediaAnimation="blur-reveal"
       rating={5}
-      ratingText="Rated 5/5 by over 1,000 happy guests"
+      ratingText="Rated 5/5 by our local community"
     />
   </div>
 
   <div id="about" data-section="about">
       <TestimonialAboutCard
       useInvertedBackground={true}
-      tag="Our Philosophy"
-      title="A Sanctuary for Your Soul"
-      description="We believe true beauty begins with deep relaxation. Our treatments use organic, nature-inspired ingredients to restore balance to your life."
-      subdescription="Every visit is personalized to ensure you leave feeling revitalized and cared for."
-      imageSrc="http://img.b2bpic.net/free-photo/beautiful-dream-catcher-candles-outdoors_23-2150466773.jpg"
+      tag="Our Shop"
+      title="Quality You Can Trust"
+      description="We pride ourselves on sourcing premium gear and verified botanicals. Whether you're a seasoned enthusiast or new to the scene, our staff is here to guide you."
+      subdescription="Your experience matters most—we provide clean, quality, and reliable products every time."
+      imageSrc="http://img.b2bpic.net/free-photo/modern-shop-interior_23-2150466773.jpg"
       mediaAnimation="slide-up"
       icon={Heart}
     />
@@ -77,12 +77,12 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        { icon: Sparkles, title: "Deep Tissue Therapy", description: "Focused relief for muscle tension and stress." },
-        { icon: Leaf, title: "Botanical Facials", description: "Organic ingredients to nourish and clarify your skin." },
-        { icon: Waves, title: "Hydrotherapy Rituals", description: "Calm your mind with water-based sensory healing." },
+        { icon: Sparkles, title: "Premium Vaping", description: "Top-tier devices and authentic flavors." },
+        { icon: Leaf, title: "Natural Blends", description: "High-quality botanical products for relief." },
+        { icon: Waves, title: "Smoking Gear", description: "Handcrafted glass and curated accessories." },
       ]}
-      title="Signature Treatments"
-      description="Discover our collection of curated experiences focused on healing and renewal."
+      title="Shop Categories"
+      description="Everything you need, carefully selected for the best performance."
     />
   </div>
 
@@ -93,74 +93,72 @@ export default function LandingPage() {
       useInvertedBackground={true}
       animationType="blur-reveal"
       products={[
-        { id: "p1", name: "Face Serum", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-plant-selfcare-products_23-2149249586.jpg" },
-        { id: "p2", name: "Essential Oils", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/fine-powder-bowls-with-brushes-leaves_23-2148774933.jpg" },
-        { id: "p3", name: "Gift Box", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/spa-skin-care-items-wooden-box_169016-5040.jpg" },
-        { id: "p4", name: "Bathrobe", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/bathrobe_1203-3221.jpg" },
+        { id: "p1", name: "Signature Mod", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-vape-setup_23-2149249586.jpg" },
+        { id: "p2", name: "Glass Pipe", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/fine-glass-pipe_23-2148774933.jpg" },
+        { id: "p3", name: "Care Kit", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/smoking-kit-box_169016-5040.jpg" },
+        { id: "p4", name: "Travel Case", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/travel-accessory-case_1203-3221.jpg" },
       ]}
-      title="Spa Shop"
-      description="Bring the luxury of Serene Spa home with our organic skincare collection."
+      title="Featured Shop Items"
+      description="Upgrade your setup with our latest arrivals."
     />
   </div>
 
   <div id="pricing" data-section="pricing">
-      <PricingCardOne
+      <PricingCardTwo
       animationType="slide-up"
       textboxLayout="split-description"
       useInvertedBackground={false}
       plans={[
-        { id: "basic", badge: "Essential", price: "$120", subtitle: "Perfect for a quick recharge.", features: ["60m Massage", "Herbal Tea Service"] },
-        { id: "pro", badge: "Signature", price: "$250", subtitle: "Our most popular full-day escape.", features: ["90m Massage", "Botanical Facial", "Sauna Access", "Lunch"] },
-        { id: "deluxe", badge: "Luxury", price: "$400", subtitle: "Complete holistic indulgence.", features: ["2h Treatment", "Full Body Scrub", "Extended Sauna", "Private Tea Room"] },
+        { id: "basic", badge: "Starter", price: "$29", subtitle: "Essential gear kit.", features: ["Starter Device", "Basic Charger", "User Guide"], buttons: [{text: "View"}] },
+        { id: "pro", badge: "Pro", price: "$89", subtitle: "The enthusiast choice.", features: ["Advanced Mod", "Premium Battery", "Maintenance Kit", "Support"], buttons: [{text: "View"}] },
+        { id: "deluxe", badge: "Elite", price: "$199", subtitle: "Ultimate collection.", features: ["Custom Mod", "3x Premium Coils", "Luxury Case", "Priority Service"], buttons: [{text: "View"}] },
       ]}
-      title="Treatment Pricing"
-      description="Flexible plans for your wellness journey."
+      title="Kit Bundles"
+      description="Value-packed bundles for all experience levels."
     />
   </div>
 
   <div id="team" data-section="team">
-      <TeamCardTwo
+      <TeamCardOne
       animationType="slide-up"
       textboxLayout="split"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       members={[
-        { id: "m1", name: "Elena Rossi", role: "Head Therapist", description: "15+ years experience.", imageSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-outdoor_624325-2315.jpg" },
-        { id: "m2", name: "Sarah Chen", role: "Lead Aesthetician", description: "Expert in skin health.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67066.jpg" },
-        { id: "m3", name: "James Miller", role: "Wellness Director", description: "Creating transformative journeys.", imageSrc: "http://img.b2bpic.net/free-photo/people-working-their-office_23-2149196436.jpg" },
+        { id: "m1", name: "Alex Rivera", role: "Shop Manager", imageSrc: "http://img.b2bpic.net/free-photo/friendly-shop-assistant_624325-2315.jpg" },
+        { id: "m2", name: "Sam Jenkins", role: "Hardware Tech", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-tech-expert_169016-67066.jpg" },
+        { id: "m3", name: "Jordan Lee", role: "Brand Specialist", imageSrc: "http://img.b2bpic.net/free-photo/people-working-their-shop_23-2149196436.jpg" },
       ]}
-      title="Our Expert Therapists"
-      description="Meet the dedicated team that makes your wellness our primary mission."
+      title="Meet the Team"
+      description="Our experts are here to help you find exactly what you need."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="slide-up"
+      <TestimonialCardTen
+      title="Guest Reviews"
+      description="See why locals choose SmokeHaven as their go-to shop."
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        { id: "1", name: "Clara S.", role: "Director", testimonial: "An absolute oasis.", imageSrc: "http://img.b2bpic.net/free-photo/manual-therapy_1098-15117.jpg" },
-        { id: "2", name: "Michael D.", role: "Architect", testimonial: "Incredible attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-bed-using-beauty-products_1157-31048.jpg" },
-        { id: "3", name: "Julia M.", role: "Designer", testimonial: "Best massage ever.", imageSrc: "http://img.b2bpic.net/free-photo/woman-spending-time-spa-with-face-mask-treatment_23-2149871944.jpg" },
-        { id: "4", name: "Robert K.", role: "Teacher", testimonial: "Perfect escape.", imageSrc: "http://img.b2bpic.net/free-photo/elderly-couple-after-training_1398-4934.jpg" },
-        { id: "5", name: "Anna P.", role: "Founder", testimonial: "My monthly ritual.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-posing-camera-indoors_1153-8274.jpg" },
+        { id: "1", title: "Reliable", quote: "Great selection, always have what I need!", name: "Alex P.", role: "Regular Customer", imageSrc: "http://img.b2bpic.net/free-photo/manual-therapy_1098-15117.jpg" },
+        { id: "2", title: "Expert Staff", quote: "Super helpful with my device setup.", name: "Sarah D.", role: "Beginner", imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-shopping_1157-31048.jpg" },
       ]}
-      title="Guest Testimonials"
-      description="Hear what our guests have to say about their experience at Serene Spa."
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitText
+      <FaqSplitMedia
       useInvertedBackground={true}
       faqs={[
-        { id: "f1", title: "Do I need an appointment?", content: "We recommend booking in advance." },
-        { id: "f2", title: "Can I bring friends?", content: "Group packages are available." },
-        { id: "f3", title: "What should I wear?", content: "We provide robes for all guests." },
+        { id: "f1", title: "Do you check IDs?", content: "Yes, we strictly verify 21+ for all sales." },
+        { id: "f2", title: "Can I return products?", content: "Hardware comes with manufacturer warranty." },
+        { id: "f3", title: "Do you ship locally?", content: "We offer local pickup and fast shipping." },
       ]}
-      sideTitle="Common Questions"
+      title="Customer Support"
+      description="Find answers to your common questions."
       faqsAnimation="blur-reveal"
+      textboxLayout="split"
     />
   </div>
 
@@ -168,22 +166,22 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{ variant: "plain" }}
-      tag="Visit Us"
-      title="Ready for Your Escape?"
-      description="Join our newsletter to stay updated with exclusive monthly offers and wellness tips."
-      inputPlaceholder="Enter your email address"
+      tag="Contact Us"
+      title="Stay Updated"
+      description="Join our list for exclusive product drops and shop updates."
+      inputPlaceholder="Enter your email"
       buttonText="Subscribe"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
+      <FooterBase
       columns={[
-        { items: [{ label: "About Us", href: "#about" }, { label: "Treatments", href: "#services" }] },
-        { items: [{ label: "Pricing", href: "#pricing" }, { label: "Contact", href: "#contact" }] },
-        { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
+        { title: "Shop", items: [{ label: "Products", href: "#products" }, { label: "Kits", href: "#pricing" }] },
+        { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
+        { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
       ]}
-      logoText="Serene Spa"
+      logoText="SmokeHaven"
     />
   </div>
       </ReactLenis>