Update src/app/page.tsx
This commit is contained in:
151
src/app/page.tsx
151
src/app/page.tsx
@@ -31,14 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero"},
|
||||
{ name: "Products", id: "products"},
|
||||
{ name: "Pricing", id: "pricing"},
|
||||
{ name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Airspops Hub"
|
||||
/>
|
||||
@@ -47,46 +43,18 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars"}}
|
||||
title="Experience Airspops 5% Nic Salt"
|
||||
description="Unlock the ultimate smooth and satisfying hit. Premium vaping for enthusiasts who demand quality."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.", handle: "@alexvapes", testimonial: "The best 5% salt I've tried. Consistent hits every time.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DxXCSju6l0bCrZkFOOmGtF4b95/uploaded-1779224846810-rk0emfce.jpg?_wi=1"},
|
||||
{
|
||||
name: "Sarah K.", handle: "@sarah_k", testimonial: "Airspops is the gold standard. So smooth.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg"},
|
||||
{
|
||||
name: "Marcus L.", handle: "@mlvapes", testimonial: "Fast shipping and amazing product quality.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453336.jpg"},
|
||||
{
|
||||
name: "Jason T.", handle: "@jt_vapelife", testimonial: "Always buying my pods here. Reliable service.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-bun-holding-black-blazer-looks-confident_114579-24467.jpg"},
|
||||
{
|
||||
name: "Elena V.", handle: "@elena_v", testimonial: "Excellent flavor profiles. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-man-white-shirt_23-2152009540.jpg"},
|
||||
{ name: "Alex R.", handle: "@alexvapes", testimonial: "The best 5% salt I've tried. Consistent hits every time.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DxXCSju6l0bCrZkFOOmGtF4b95/uploaded-1779224846810-rk0emfce.jpg?_wi=1"},
|
||||
{ name: "Sarah K.", handle: "@sarah_k", testimonial: "Airspops is the gold standard. So smooth.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now", href: "#products"},
|
||||
{ text: "Shop Now", href: "#products" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DxXCSju6l0bCrZkFOOmGtF4b95/uploaded-1779224846810-rk0emfce.jpg?_wi=2"
|
||||
imageAlt="Airspops premium vape device"
|
||||
avatarText="Join 5,000+ satisfied vapers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "5% Nicotine Salt"},
|
||||
{
|
||||
type: "text", text: "Premium Quality"},
|
||||
{
|
||||
type: "text", text: "Fast Delivery"},
|
||||
{
|
||||
type: "text", text: "Consistent Hits"},
|
||||
{
|
||||
type: "text", text: "Leak-Proof Design"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -94,36 +62,10 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text", content: "Premium Vaping "},
|
||||
{
|
||||
type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DxXCSju6l0bCrZkFOOmGtF4b95/uploaded-1779224846810-rk0emfce.jpg", alt: "About Airspops"},
|
||||
{
|
||||
type: "text", content: " Perfected"},
|
||||
{ type: "text", content: "Premium Vaping " },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DxXCSju6l0bCrZkFOOmGtF4b95/uploaded-1779224846810-rk0emfce.jpg", alt: "About Airspops" },
|
||||
{ type: "text", content: " Perfected" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "5% Nic Salt", description: "High concentration for maximum impact.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DxXCSju6l0bCrZkFOOmGtF4b95/uploaded-1779224846810-rk0emfce.jpg?_wi=3"},
|
||||
{
|
||||
title: "Smooth Hit", description: "Proprietary formula ensuring no throat burn.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DxXCSju6l0bCrZkFOOmGtF4b95/uploaded-1779224846810-rk0emfce.jpg?_wi=4"},
|
||||
{
|
||||
title: "Reliable Tech", description: "Advanced pod technology with no leakage.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DxXCSju6l0bCrZkFOOmGtF4b95/uploaded-1779224846810-rk0emfce.jpg?_wi=5"},
|
||||
]}
|
||||
title="Why Choose Airspops"
|
||||
description="Engineered for maximum satisfaction and safety."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -134,15 +76,13 @@ export default function LandingPage() {
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Ocean Mist", price: "R85 (R80 when buying 2+)", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DxXCSju6l0bCrZkFOOmGtF4b95/uploaded-1779224846810-rk0emfce.jpg?_wi=6"},
|
||||
{
|
||||
id: "p2", name: "Tropical Punch", price: "R85 (R80 when buying 2+)", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DxXCSju6l0bCrZkFOOmGtF4b95/uploaded-1779224846810-rk0emfce.jpg?_wi=7"},
|
||||
{
|
||||
id: "p3", name: "Classic Tobacco", price: "R85 (R80 when buying 2+)", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DxXCSju6l0bCrZkFOOmGtF4b95/uploaded-1779224846810-rk0emfce.jpg?_wi=8"},
|
||||
{ id: "p1", name: "Ocean Mist", price: "R85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DxXCSju6l0bCrZkFOOmGtF4b95/uploaded-1779224846810-rk0emfce.jpg?_wi=6" },
|
||||
{ id: "p2", name: "Tropical Punch", price: "R85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DxXCSju6l0bCrZkFOOmGtF4b95/uploaded-1779224846810-rk0emfce.jpg?_wi=7" },
|
||||
{ id: "p3", name: "Classic Tobacco", price: "R85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DxXCSju6l0bCrZkFOOmGtF4b95/uploaded-1779224846810-rk0emfce.jpg?_wi=8" },
|
||||
{ id: "p4", name: "Zesty Lemon", price: "R85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DxXCSju6l0bCrZkFOOmGtF4b95/uploaded-1779225735536-5l6hszln.jpg" },
|
||||
]}
|
||||
title="Airspops Collection"
|
||||
description="Authentic pods for R85 each. Save with our promotion: only R80 per unit when buying more than one. We offer free delivery to select pick-up points!"
|
||||
description="Discover our authentic pods, including the vibrant new Zesty Lemon."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -152,72 +92,27 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic", badge: "Popular", price: "R255", subtitle: "Starter", features: [
|
||||
"3x Pods @ R85 each", "Flat delivery fee"],
|
||||
buttons: [
|
||||
{text: "Select"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro", badge: "Best Value", price: "R480", subtitle: "Pro Pack", features: [
|
||||
"6x Pods @ R80 each", "Free delivery to select pick-up points"],
|
||||
buttons: [
|
||||
{text: "Select"},
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Starter", price: "R255", subtitle: "Essential Pack", features: ["3x Pods", "Fast delivery"], buttons: [{text: "Order"}] },
|
||||
{ id: "pro", badge: "Value", price: "R480", subtitle: "Pro Pack", features: ["6x Pods", "Free delivery"], buttons: [{text: "Order"}] },
|
||||
]}
|
||||
title="Subscription Plans"
|
||||
description="Save with bulk purchases. Our pro packs unlock free delivery to select pick-up points."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Alex R.", handle: "@alexvapes", testimonial: "The best 5% salt I've tried. Consistent hits every time.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DxXCSju6l0bCrZkFOOmGtF4b95/uploaded-1779224846810-rk0emfce.jpg?_wi=9"},
|
||||
]}
|
||||
title="Client Feedback"
|
||||
description="Hear what our vape community says."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "Are these authentic?", content: "Yes, we only stock genuine Airspops pods."},
|
||||
{
|
||||
id: "f2", title: "What is your shipping policy?", content: "We offer free delivery to select pick-up points for qualifying orders."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We have answers."
|
||||
faqsAnimation="slide-up"
|
||||
description="Save with bulk purchases."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Have questions about our selection or delivery options? Reach out to our support team."
|
||||
buttons={[
|
||||
{text: "Contact Support"},
|
||||
]}
|
||||
background={{ variant: "sparkles-gradient"}}
|
||||
text="Questions about our new flavors? Get in touch."
|
||||
buttons={[{text: "Contact"}]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Airspops Hub"
|
||||
copyrightText="© 2025 Airspops Hub. All rights reserved."
|
||||
copyrightText="© 2025 Airspops Hub"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user