Merge version_1 into main #2
402
src/app/page.tsx
402
src/app/page.tsx
@@ -1,304 +1,136 @@
|
||||
"use client";
|
||||
|
||||
'use client';
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import Link from "next/link";
|
||||
|
||||
export default function LandingPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
];
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="bold"
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
{
|
||||
name: "Visit Us",
|
||||
id: "#location",
|
||||
},
|
||||
]}
|
||||
brandName="The Cannabis Shop"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple brandName="The Cannabis Shop" navItems={navItems} />
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Premium Cannabis Experience in Hurst, TX"
|
||||
description="Top-quality THCA, curated selection, and expert guidance in a luxurious setting."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#shop",
|
||||
},
|
||||
{
|
||||
text: "Visit Store",
|
||||
href: "#location",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-modern-clothing-store-filled-with-formal-wear-designs_482257-93026.jpg?_wi=1"
|
||||
imageAlt="Luxurious cannabis dispensary showcase"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Premium Cannabis Experience in Hurst, TX"
|
||||
description="Top-quality THCA, curated selection, and expert guidance in a luxurious setting."
|
||||
buttons={[{ text: "Shop Now", href: "#shop" }, { text: "Visit Store", href: "#location" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-modern-clothing-store-filled-with-formal-wear-designs_482257-93026.jpg"
|
||||
imageAlt="Luxurious cannabis dispensary showcase"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="shop" data-section="shop">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Premium Flower",
|
||||
price: "From $30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tea-glass-mug-with-orange-dried-herbs-top-view-blue-cutting-board_176474-9918.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "THCA Vapes",
|
||||
price: "From $45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-trendy-stylish-glasses-bright-orange-oversized-jacket-white-background-smokes-electronic-cigarette_343596-8182.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Gourmet Edibles",
|
||||
price: "From $25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/organic-cbd-skincare-product_23-2149013555.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "CBD Wellness",
|
||||
price: "From $40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/phytotherapy-products-arrangement-still-life_23-2149339773.jpg",
|
||||
},
|
||||
]}
|
||||
title="Shop Our Collection"
|
||||
description="Curated premium products for a perfect experience."
|
||||
/>
|
||||
</div>
|
||||
<div id="shop" data-section="shop">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Premium Flower", price: "From $30", imageSrc: "http://img.b2bpic.net/free-photo/tea-glass-mug-with-orange-dried-herbs-top-view-blue-cutting-board_176474-9918.jpg" },
|
||||
{ id: "2", name: "THCA Vapes", price: "From $45", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-trendy-stylish-glasses-bright-orange-oversized-jacket-white-background-smokes-electronic-cigarette_343596-8182.jpg" },
|
||||
{ id: "3", name: "Gourmet Edibles", price: "From $25", imageSrc: "http://img.b2bpic.net/free-photo/organic-cbd-skincare-product_23-2149013555.jpg" },
|
||||
{ id: "4", name: "CBD Wellness", price: "From $40", imageSrc: "http://img.b2bpic.net/free-photo/phytotherapy-products-arrangement-still-life_23-2149339773.jpg" }
|
||||
]}
|
||||
title="Shop Our Collection"
|
||||
description="Curated premium products for a perfect experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Why Locals Love Us"
|
||||
description="We blend expert knowledge with premium service to ensure you get exactly what you need."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "4.7-star rated",
|
||||
description: "Highly reviewed for quality and service.",
|
||||
},
|
||||
{
|
||||
title: "Expert Guidance",
|
||||
description: "Knowledgeable team to help with recommendations.",
|
||||
},
|
||||
{
|
||||
title: "Trusted Quality",
|
||||
description: "Only the finest, lab-tested products.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tea-glass-mug-with-orange-dried-herbs-top-view-blue-cutting-board_176474-9918.jpg?_wi=2"
|
||||
imageAlt="Why choose us visual"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="why-us" data-section="why-us">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Why Locals Love Us"
|
||||
description="We blend expert knowledge with premium service to ensure you get exactly what you need."
|
||||
bulletPoints={[
|
||||
{ title: "4.7-star rated", description: "Highly reviewed for quality and service." },
|
||||
{ title: "Expert Guidance", description: "Knowledgeable team to help with recommendations." },
|
||||
{ title: "Trusted Quality", description: "Only the finest, lab-tested products." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tea-glass-mug-with-orange-dried-herbs-top-view-blue-cutting-board_176474-9918.jpg"
|
||||
imageAlt="Why choose us visual"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Regular Customer",
|
||||
testimonial: "Friendly employees, good selection of inventory.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trendy-girl-with-purchases-sitting-street_23-2147652144.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Josh P.",
|
||||
role: "Local Enthusiast",
|
||||
testimonial: "Josh gave great customer service and recommendations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12690.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mike D.",
|
||||
role: "Frequent Visitor",
|
||||
testimonial: "I can walk in and trust the quality and quantity.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-showing-thumbs-up-posing-camera-park_1262-20571.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Anna T.",
|
||||
role: "First-Time Visitor",
|
||||
testimonial: "The atmosphere is welcoming and the staff is amazing!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-beautiful-happy-woman-isolated_273609-34792.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Robert B.",
|
||||
role: "Loyal Patron",
|
||||
testimonial: "Top tier products every single time I visit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-barista-girl_23-2148436121.jpg",
|
||||
},
|
||||
]}
|
||||
title="Loved by the Community"
|
||||
description="What our customers are saying about our store."
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", role: "Regular Customer", testimonial: "Friendly employees, good selection of inventory.", imageSrc: "http://img.b2bpic.net/free-photo/trendy-girl-with-purchases-sitting-street_23-2147652144.jpg" },
|
||||
{ id: "2", name: "Josh P.", role: "Local Enthusiast", testimonial: "Josh gave great customer service and recommendations.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12690.jpg" },
|
||||
{ id: "3", name: "Mike D.", role: "Frequent Visitor", testimonial: "I can walk in and trust the quality and quantity.", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-showing-thumbs-up-posing-camera-park_1262-20571.jpg" },
|
||||
{ id: "4", name: "Anna T.", role: "First-Time Visitor", testimonial: "The atmosphere is welcoming and the staff is amazing!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-beautiful-happy-woman-isolated_273609-34792.jpg" },
|
||||
{ id: "5", name: "Robert B.", role: "Loyal Patron", testimonial: "Top tier products every single time I visit.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-barista-girl_23-2148436121.jpg" }
|
||||
]}
|
||||
title="Loved by the Community"
|
||||
description="What our customers are saying about our store."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="location" data-section="location">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Store Address",
|
||||
content: "735 Grapevine Hwy, Hurst, TX 76054. Located in May Flower Plaza.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Hours",
|
||||
content: "Open Daily, 10 AM - 10 PM.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Contact",
|
||||
content: "(817) 849-2060",
|
||||
},
|
||||
]}
|
||||
sideTitle="Find Us"
|
||||
sideDescription="735 Grapevine Hwy, Hurst, TX 76054. Open daily until 10 PM."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="location" data-section="location">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "1", title: "Store Address", content: "735 Grapevine Hwy, Hurst, TX 76054. Located in May Flower Plaza." },
|
||||
{ id: "2", title: "Hours", content: "Open Daily, 10 AM - 10 PM." },
|
||||
{ id: "3", title: "Contact", content: "(817) 849-2060" }
|
||||
]}
|
||||
sideTitle="Find Us"
|
||||
sideDescription="735 Grapevine Hwy, Hurst, TX 76054. Open daily until 10 PM."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="The Cannabis Shop Story"
|
||||
description="At The Cannabis Shop, we focus on delivering a personalized experience. We pride ourselves on quality, consistency, and customer care."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Customer First",
|
||||
description: "Always providing tailored recommendations.",
|
||||
},
|
||||
{
|
||||
title: "Quality Assured",
|
||||
description: "Consistent, lab-verified products.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-modern-clothing-store-filled-with-formal-wear-designs_482257-93026.jpg?_wi=2"
|
||||
imageAlt="Our store interior"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactCTA
|
||||
tag="Elevate Your Day"
|
||||
title="Ready to Elevate Your Experience?"
|
||||
description="Visit us today or explore our premium selection. We're open until 10 PM."
|
||||
buttons={[{ text: "Visit Store", href: "#location" }, { text: "Call Now", href: "tel:8178492060" }]}
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Elevate Your Day"
|
||||
title="Ready to Elevate Your Experience?"
|
||||
description="Visit us today or explore our premium selection. We're open until 10 PM."
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Store",
|
||||
href: "#location",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:8178492060",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "Flower",
|
||||
href: "#shop",
|
||||
},
|
||||
{
|
||||
label: "Vapes",
|
||||
href: "#shop",
|
||||
},
|
||||
{
|
||||
label: "Edibles",
|
||||
href: "#shop",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#location",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2026 The Cannabis Shop"
|
||||
bottomRightText="735 Grapevine Hwy, Hurst, TX"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Shop", items: [{ label: "Flower", href: "#shop" }, { label: "Vapes", href: "#shop" }, { label: "Edibles", href: "#shop" }] },
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }, { label: "Contact", href: "#location" }] }
|
||||
]}
|
||||
bottomLeftText="© 2026 The Cannabis Shop"
|
||||
bottomRightText="735 Grapevine Hwy, Hurst, TX"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user