Update src/app/page.tsx
This commit is contained in:
218
src/app/page.tsx
218
src/app/page.tsx
@@ -32,23 +32,16 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Knowledge",
|
||||
id: "features",
|
||||
},
|
||||
name: "Knowledge", id: "features"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="California Smoke Shop"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -58,13 +51,9 @@ export default function LandingPage() {
|
||||
description="Your premium destination for quality smoking accessories and expert product knowledge in California."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sympathetic-girl-stands-near-bulding_8353-213.jpg"
|
||||
imageAlt="California Smoke Shop Hero"
|
||||
@@ -78,17 +67,11 @@ export default function LandingPage() {
|
||||
description="Since our founding, we have been committed to providing our community with high-quality smoking accessories, deep product expertise, and a welcoming retail environment."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "15+", title: "Years Experience"},
|
||||
{
|
||||
value: "5k+",
|
||||
title: "Happy Customers",
|
||||
},
|
||||
value: "5k+", title: "Happy Customers"},
|
||||
{
|
||||
value: "100+",
|
||||
title: "Premium Brands",
|
||||
},
|
||||
value: "100+", title: "Premium Brands"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/metal-lighter-hand_181624-1186.jpg"
|
||||
imageAlt="Our Shop Interior"
|
||||
@@ -104,20 +87,11 @@ export default function LandingPage() {
|
||||
description="Get expert insights into the different types of products we offer to ensure you find exactly what you need."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Understanding Glass",
|
||||
content: "Learn about borosilicate glass quality, durability, and cleaning tips.",
|
||||
},
|
||||
id: "f1", title: "Understanding Glass", content: "Learn about borosilicate glass quality, durability, and cleaning tips."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Vaping Essentials",
|
||||
content: "A guide to different vape devices, coils, and e-liquid selection.",
|
||||
},
|
||||
id: "f2", title: "Vaping Essentials", content: "A guide to different vape devices, coils, and e-liquid selection."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Premium Tobaccos",
|
||||
content: "Explore our curated selection of hand-rolled cigars and loose leaf blends.",
|
||||
},
|
||||
id: "f3", title: "Premium Tobaccos", content: "Explore our curated selection of hand-rolled cigars and loose leaf blends."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-working-as-barista-taking-phone-order_1098-20946.jpg"
|
||||
imageAlt="Knowledge Expert"
|
||||
@@ -133,41 +107,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Glass Water Pipe",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-blurry-woman-posing-glass_23-2149551268.jpg",
|
||||
},
|
||||
id: "p1", name: "Glass Water Pipe", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/front-view-blurry-woman-posing-glass_23-2149551268.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Cigar Box Set",
|
||||
price: "$85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-cup-store-concept-choosing-dishes_169016-23224.jpg",
|
||||
},
|
||||
id: "p2", name: "Cigar Box Set", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-cup-store-concept-choosing-dishes_169016-23224.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Vape Starter Kit",
|
||||
price: "$60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/relaxed-woman-smoking-restaurant_1157-444.jpg",
|
||||
},
|
||||
id: "p3", name: "Vape Starter Kit", price: "$60", imageSrc: "http://img.b2bpic.net/free-photo/relaxed-woman-smoking-restaurant_1157-444.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Rolling Papers",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pile-rolled-waffles-pink-bowl-grey-top-view_114579-85337.jpg",
|
||||
},
|
||||
id: "p4", name: "Rolling Papers", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/pile-rolled-waffles-pink-bowl-grey-top-view_114579-85337.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Handmade Cigar",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shelled-walnuts-with-nut-cracking-tool-marble-table_2831-7972.jpg",
|
||||
},
|
||||
id: "p5", name: "Handmade Cigar", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/shelled-walnuts-with-nut-cracking-tool-marble-table_2831-7972.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Artisan Pipe",
|
||||
price: "$95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/great-custom-made-shoes-trendy-people-from-experienced-shoe-master_613910-17393.jpg",
|
||||
},
|
||||
id: "p6", name: "Artisan Pipe", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/great-custom-made-shoes-trendy-people-from-experienced-shoe-master_613910-17393.jpg"},
|
||||
]}
|
||||
title="Our Collection"
|
||||
description="Explore our premium hand-selected catalog of smoking accessories and essentials."
|
||||
@@ -181,37 +131,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Entry",
|
||||
price: "Free",
|
||||
subtitle: "Basic Member",
|
||||
features: [
|
||||
"10% off items",
|
||||
"Newsletters",
|
||||
"In-store events",
|
||||
],
|
||||
id: "basic", badge: "Entry", price: "Free", subtitle: "Basic Member", features: [
|
||||
"10% off items", "Newsletters", "In-store events"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Gold",
|
||||
price: "$29",
|
||||
subtitle: "Gold Member",
|
||||
features: [
|
||||
"20% off items",
|
||||
"Free Shipping",
|
||||
"Early Access",
|
||||
],
|
||||
id: "pro", badge: "Gold", price: "$29", subtitle: "Gold Member", features: [
|
||||
"20% off items", "Free Shipping", "Early Access"],
|
||||
},
|
||||
{
|
||||
id: "elite",
|
||||
badge: "VIP",
|
||||
price: "$99",
|
||||
subtitle: "Elite Member",
|
||||
features: [
|
||||
"30% off items",
|
||||
"Exclusive Gifts",
|
||||
"Priority Service",
|
||||
],
|
||||
id: "elite", badge: "VIP", price: "$99", subtitle: "Elite Member", features: [
|
||||
"30% off items", "Exclusive Gifts", "Priority Service"],
|
||||
},
|
||||
]}
|
||||
title="Membership Perks"
|
||||
@@ -227,23 +156,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
role: "Shop Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-delivery-woman-red-uniform-cap-wearing-glasses-with-cardboard-box-looking-clipboard-her-hand-with-confuse-expression-standing-green-wall_141793-60937.jpg",
|
||||
},
|
||||
id: "t1", name: "Alex R.", role: "Shop Manager", imageSrc: "http://img.b2bpic.net/free-photo/young-delivery-woman-red-uniform-cap-wearing-glasses-with-cardboard-box-looking-clipboard-her-hand-with-confuse-expression-standing-green-wall_141793-60937.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sam K.",
|
||||
role: "Knowledge Expert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-african-american-man-spending-time-shop-smiling-man-standing-near-hangers-with-male-clothes-having-free-time-looking-camera-leisure-activity-fashion-shopping-concept_74855-21489.jpg",
|
||||
},
|
||||
id: "t2", name: "Sam K.", role: "Knowledge Expert", imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-african-american-man-spending-time-shop-smiling-man-standing-near-hangers-with-male-clothes-having-free-time-looking-camera-leisure-activity-fashion-shopping-concept_74855-21489.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jordan P.",
|
||||
role: "Product Advisor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-joyful-blonde-male-barber-uniform-looks-camera-isolated-green-space-with-copy-space_141793-60051.jpg",
|
||||
},
|
||||
id: "t3", name: "Jordan P.", role: "Product Advisor", imageSrc: "http://img.b2bpic.net/free-photo/young-joyful-blonde-male-barber-uniform-looks-camera-isolated-green-space-with-copy-space_141793-60051.jpg"},
|
||||
]}
|
||||
title="Meet Our Experts"
|
||||
description="Our friendly staff is always ready to guide you through our product range."
|
||||
@@ -256,55 +173,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "ts1",
|
||||
name: "Mark D.",
|
||||
date: "Jan 2024",
|
||||
title: "Great Selection",
|
||||
quote: "Fantastic shop with a huge range of glass.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-looking-photographer_23-2148339179.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-female-barista-small-coffee-shop_613910-10446.jpg",
|
||||
},
|
||||
id: "ts1", name: "Mark D.", date: "Jan 2024", title: "Great Selection", quote: "Fantastic shop with a huge range of glass.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-looking-photographer_23-2148339179.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-female-barista-small-coffee-shop_613910-10446.jpg"},
|
||||
{
|
||||
id: "ts2",
|
||||
name: "Sarah J.",
|
||||
date: "Feb 2024",
|
||||
title: "Best Advice",
|
||||
quote: "Staff knew exactly what I needed for my setup.",
|
||||
tag: "Pro",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/friends-shopping-second-hand-market_23-2149353754.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-laptop-with-coffee_23-2147689242.jpg",
|
||||
},
|
||||
id: "ts2", name: "Sarah J.", date: "Feb 2024", title: "Best Advice", quote: "Staff knew exactly what I needed for my setup.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/friends-shopping-second-hand-market_23-2149353754.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-laptop-with-coffee_23-2147689242.jpg"},
|
||||
{
|
||||
id: "ts3",
|
||||
name: "Kevin L.",
|
||||
date: "Mar 2024",
|
||||
title: "Highly Recommend",
|
||||
quote: "Fair prices and always helpful service here.",
|
||||
tag: "Member",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/positive-fashion-store-customer-paying-purchase-checkout-looking-pos-terminal-cashier-hands-medium-shot-copy-space-shopping-concept_74855-11916.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-shopping-second-hand-market_23-2149353757.jpg",
|
||||
},
|
||||
id: "ts3", name: "Kevin L.", date: "Mar 2024", title: "Highly Recommend", quote: "Fair prices and always helpful service here.", tag: "Member", avatarSrc: "http://img.b2bpic.net/free-photo/positive-fashion-store-customer-paying-purchase-checkout-looking-pos-terminal-cashier-hands-medium-shot-copy-space-shopping-concept_74855-11916.jpg", imageSrc: "http://img.b2bpic.net/free-photo/friends-shopping-second-hand-market_23-2149353757.jpg"},
|
||||
{
|
||||
id: "ts4",
|
||||
name: "Elena R.",
|
||||
date: "Apr 2024",
|
||||
title: "Friendly Staff",
|
||||
quote: "Love the atmosphere and the membership deals.",
|
||||
tag: "VIP",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/girl-beautifully-painted-brown-eyes-with-eyeliner-highlighting-features-face-model-red-blouse-sends-air-kiss_197531-12005.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-man-busy-work_53876-13523.jpg",
|
||||
},
|
||||
id: "ts4", name: "Elena R.", date: "Apr 2024", title: "Friendly Staff", quote: "Love the atmosphere and the membership deals.", tag: "VIP", avatarSrc: "http://img.b2bpic.net/free-photo/girl-beautifully-painted-brown-eyes-with-eyeliner-highlighting-features-face-model-red-blouse-sends-air-kiss_197531-12005.jpg", imageSrc: "http://img.b2bpic.net/free-photo/blond-man-busy-work_53876-13523.jpg"},
|
||||
{
|
||||
id: "ts5",
|
||||
name: "David W.",
|
||||
date: "May 2024",
|
||||
title: "Top Tier Shop",
|
||||
quote: "My go-to spot for everything I need.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/girl-with-long-blond-hair-tshirt-sitting-table-outside-smoking-electronic-cigarette_613910-15452.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-happy-after-shopping_23-2148660676.jpg",
|
||||
},
|
||||
id: "ts5", name: "David W.", date: "May 2024", title: "Top Tier Shop", quote: "My go-to spot for everything I need.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/girl-with-long-blond-hair-tshirt-sitting-table-outside-smoking-electronic-cigarette_613910-15452.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-happy-after-shopping_23-2148660676.jpg"},
|
||||
]}
|
||||
title="Customer Reviews"
|
||||
description="Hear what our loyal community says about our quality products and service."
|
||||
@@ -315,14 +192,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
text="Visit us at our California location for expert advice and premium selection today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@calismokeshop.com",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:hello@calismokeshop.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -332,29 +206,19 @@ export default function LandingPage() {
|
||||
logoText="California Smoke Shop"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Products", href: "#products"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#features",
|
||||
},
|
||||
label: "FAQ", href: "#features"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user