Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
207
src/app/page.tsx
207
src/app/page.tsx
@@ -29,26 +29,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "shop",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "why",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Shop", id: "shop" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "About", id: "why" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="VapeSellers"
|
||||
/>
|
||||
@@ -56,65 +41,28 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Trusted Quality. Premium Experience."
|
||||
description="Discover the finest selection of premium vape devices and accessories, curated for enthusiasts who value quality and style."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#shop",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-white-portrait-old-man_250224-59.jpg?_wi=1"
|
||||
buttons={[{ text: "Shop Now", href: "#shop" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-white-portrait-old-man_250224-59.jpg"
|
||||
imageAlt="Rotating 3D vape device"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="depth-3d"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Nebula Mod",
|
||||
price: "$89.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-wavy-smoke-black-background_23-2148210904.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "E-Liquid Gold",
|
||||
price: "$25.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hookah-still-life-arrangement_23-2149213276.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Quantum Pod",
|
||||
price: "$45.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-gentlemen-smokes-pipe_158595-555.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Apex Starter",
|
||||
price: "$60.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-concealed-identity-smoking-controversial-vaping-electronic-cigarette-vaping-is-debatable-health-community-if-it-is-safe-health-risk_1423-155.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Flavor Pods",
|
||||
price: "$15.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-portrait-old-man_250224-59.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Gear Kit",
|
||||
price: "$35.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-gentlemen-smokes-pipe_158595-555.jpg?_wi=2",
|
||||
},
|
||||
{ id: "p1", name: "Nebula Mod", price: "$89.00", imageSrc: "http://img.b2bpic.net/free-photo/blue-wavy-smoke-black-background_23-2148210904.jpg" },
|
||||
{ id: "p2", name: "E-Liquid Gold", price: "$25.00", imageSrc: "http://img.b2bpic.net/free-photo/hookah-still-life-arrangement_23-2149213276.jpg" },
|
||||
{ id: "p3", name: "Quantum Pod", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/young-gentlemen-smokes-pipe_158595-555.jpg" },
|
||||
{ id: "p4", name: "Apex Starter", price: "$60.00", imageSrc: "http://img.b2bpic.net/free-photo/man-with-concealed-identity-smoking-controversial-vaping-electronic-cigarette-vaping-is-debatable-health-community-if-it-is-safe-health-risk_1423-155.jpg" },
|
||||
{ id: "p5", name: "Flavor Pods", price: "$15.00", imageSrc: "http://img.b2bpic.net/free-photo/black-white-portrait-old-man_250224-59.jpg" },
|
||||
{ id: "p6", name: "Gear Kit", price: "$35.00", imageSrc: "http://img.b2bpic.net/free-photo/young-gentlemen-smokes-pipe_158595-555.jpg" }
|
||||
]}
|
||||
title="Featured Products"
|
||||
description="High-performance hardware for a superior vaping journey."
|
||||
@@ -126,20 +74,8 @@ export default function LandingPage() {
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Avoid counterfeit gear",
|
||||
"No compromise on quality",
|
||||
"No unreliable shipping",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"100% Authentic Products",
|
||||
"Fast & Secure Shipping",
|
||||
"Expert Customer Support",
|
||||
],
|
||||
}}
|
||||
negativeCard={{ items: ["Avoid counterfeit gear", "No compromise on quality", "No unreliable shipping"] }}
|
||||
positiveCard={{ items: ["100% Authentic Products", "Fast & Secure Shipping", "Expert Customer Support"] }}
|
||||
title="Why Choose VapeSellers"
|
||||
description="We prioritize quality and customer satisfaction above everything else."
|
||||
/>
|
||||
@@ -147,50 +83,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
role: "Vape Enthusiast",
|
||||
company: "VapeSellers",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sensual-blonde-business-woman-dressed-formal-suit-blue-shirt-isolated-dark-background_613910-6341.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah M.",
|
||||
role: "Designer",
|
||||
company: "VapeSellers",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-man-sitting-his-desk_23-2148465266.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Kevin D.",
|
||||
role: "Tech Lead",
|
||||
company: "VapeSellers",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Jessica L.",
|
||||
role: "Marketing",
|
||||
company: "VapeSellers",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-ginger-girl-shows-thumbs-up-smiles-white-teeth-approve-agree-say-yes-recommend-clinic-company-satisfied-with-quality-service-white-background_176420-45534.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Tom B.",
|
||||
role: "Creator",
|
||||
company: "VapeSellers",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-with-wineglass-smoke_23-2147908734.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Alex R.", role: "Vape Enthusiast", company: "VapeSellers", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-sensual-blonde-business-woman-dressed-formal-suit-blue-shirt-isolated-dark-background_613910-6341.jpg" },
|
||||
{ id: "t2", name: "Sarah M.", role: "Designer", company: "VapeSellers", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mature-man-sitting-his-desk_23-2148465266.jpg" },
|
||||
{ id: "t3", name: "Kevin D.", role: "Tech Lead", company: "VapeSellers", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg" },
|
||||
{ id: "t4", name: "Jessica L.", role: "Marketing", company: "VapeSellers", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-ginger-girl-shows-thumbs-up-smiles-white-teeth-approve-agree-say-yes-recommend-clinic-company-satisfied-with-quality-service-white-background_176420-45534.jpg" },
|
||||
{ id: "t5", name: "Tom B.", role: "Creator", company: "VapeSellers", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-with-wineglass-smoke_23-2147908734.jpg" }
|
||||
]}
|
||||
title="Customer Reviews"
|
||||
description="Hear what our premium vaping community has to say."
|
||||
@@ -201,15 +103,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Aspire",
|
||||
"SMOK",
|
||||
"Vaporesso",
|
||||
"GeekVape",
|
||||
"Uwell",
|
||||
"Innokin",
|
||||
"Voopoo",
|
||||
]}
|
||||
names={["Aspire", "SMOK", "Vaporesso", "GeekVape", "Uwell", "Innokin", "Voopoo"]}
|
||||
title="Our Trusted Partnerships"
|
||||
description="We source from the world's most reputable manufacturers."
|
||||
/>
|
||||
@@ -221,25 +115,10 @@ export default function LandingPage() {
|
||||
title="Get In Touch"
|
||||
description="Have questions? Our support team is here to help."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we assist you?",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "How can we assist you?", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/relaxed-young-woman-pool-with-neon-light_657883-171.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -248,35 +127,11 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#shop",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#why",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
title: "Navigate", items: [{ label: "Shop", href: "#shop" }, { label: "About", href: "#why" }, { label: "Contact", href: "#contact" }]
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2024 VapeSellers Trusted"
|
||||
bottomRightText="All rights reserved."
|
||||
@@ -285,4 +140,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user