Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
181
src/app/page.tsx
181
src/app/page.tsx
@@ -28,181 +28,103 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "About", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="High Up"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Elevate Your Experience"
|
||||
description="Premium glassware, vapes, and curated accessories for the modern enthusiast. High Up is your local destination for quality and style."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Visit Us Today",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/a-sleek-cinematic-studio-shot-of-premium-1774548498369-cb8069b3.png"
|
||||
buttons={[
|
||||
{ text: "Shop Now", href: "#products" },
|
||||
{ text: "Visit Us Today", href: "#contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
title="The High Up Difference"
|
||||
description="We don't just stock products; we curate experiences."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Premium Glassware",
|
||||
description: "Expertly crafted pieces that combine aesthetic appeal with unparalleled function.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/minimalist-neon-blue-icon-showing-a-qual-1774548498591-0a04b191.png",
|
||||
},
|
||||
title: "Premium Glassware", description: "Expertly crafted pieces that combine aesthetic appeal with unparalleled function.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/minimalist-neon-blue-icon-showing-a-qual-1774548498591-0a04b191.png"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Rapid Rotation",
|
||||
description: "New arrivals hitting the shelves every week so you always find something fresh.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/minimalist-neon-blue-icon-showing-a-cloc-1774548498703-4c4ee13b.png",
|
||||
},
|
||||
title: "Rapid Rotation", description: "New arrivals hitting the shelves every week so you always find something fresh.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/minimalist-neon-blue-icon-showing-a-cloc-1774548498703-4c4ee13b.png"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Laid-Back Vibes",
|
||||
description: "A welcoming, knowledgeable atmosphere built for casual shoppers and serious connoisseurs.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/minimalist-neon-blue-icon-showing-a-hand-1774548498150-c7cd9c7b.png",
|
||||
},
|
||||
title: "Laid-Back Vibes", description: "A welcoming, knowledgeable atmosphere built for casual shoppers and serious connoisseurs.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/minimalist-neon-blue-icon-showing-a-hand-1774548498150-c7cd9c7b.png"},
|
||||
]}
|
||||
title="The High Up Difference"
|
||||
description="We don't just stock products; we curate experiences."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
title="New Arrivals"
|
||||
description="Our latest curation of high-end accessories."
|
||||
textboxLayout="default"
|
||||
gridVariant="one-large-right-three-stacked-left"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Iridescent Beaker",
|
||||
price: "$120",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/macro-shot-of-a-high-end-glass-water-pip-1774548498195-3392bb34.png",
|
||||
},
|
||||
id: "p1", name: "Iridescent Beaker", price: "$120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/macro-shot-of-a-high-end-glass-water-pip-1774548498195-3392bb34.png"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Vape Pro Kit",
|
||||
price: "$85",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/close-up-of-sleek-modern-disposable-vape-1774548498610-a67233a3.png",
|
||||
},
|
||||
id: "p2", name: "Vape Pro Kit", price: "$85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/close-up-of-sleek-modern-disposable-vape-1774548498610-a67233a3.png"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Hand-Rolled Reserve",
|
||||
price: "$45",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/a-collection-of-premium-cigars-on-a-rust-1774548499520-a8f3cc82.png",
|
||||
},
|
||||
id: "p3", name: "Hand-Rolled Reserve", price: "$45", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/a-collection-of-premium-cigars-on-a-rust-1774548499520-a8f3cc82.png"},
|
||||
]}
|
||||
title="New Arrivals"
|
||||
description="Our latest curation of high-end accessories."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
title="What Locals Say"
|
||||
description="Join our community of happy enthusiasts."
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
role: "Collector",
|
||||
company: "Local Enthusiast",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/abstract-dark-background-with-subtle-neo-1774548498843-9e2dd024.png",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/portrait-of-a-happy-customer-well-lit-pr-1774548498348-f05ac41f.png",
|
||||
},
|
||||
id: "t1", name: "Alex R.", role: "Collector", company: "Local Enthusiast", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/abstract-dark-background-with-subtle-neo-1774548498843-9e2dd024.png"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jordan S.",
|
||||
role: "Regular",
|
||||
company: "Daily Shopper",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/abstract-dark-background-with-subtle-blu-1774548499273-48d183ce.png",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/portrait-of-a-satisfied-customer-modern--1774548499582-481a6dfd.png",
|
||||
},
|
||||
id: "t2", name: "Jordan S.", role: "Regular", company: "Daily Shopper", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/abstract-dark-background-with-subtle-blu-1774548499273-48d183ce.png"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Taylor M.",
|
||||
role: "Vape Enthusiast",
|
||||
company: "Vape Community",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/abstract-dark-background-high-contrast-b-1774548497124-faa0b94f.png",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/portrait-of-a-younger-customer-stylish-1774548496875-f9a75b66.png",
|
||||
},
|
||||
id: "t3", name: "Taylor M.", role: "Vape Enthusiast", company: "Vape Community", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/abstract-dark-background-high-contrast-b-1774548497124-faa0b94f.png"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sam K.",
|
||||
role: "Glass Connoisseur",
|
||||
company: "The Glass Club",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/abstract-dark-blue-texture-1774548499489-dfc2693c.png",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/portrait-of-an-enthusiast-friendly-look-1774548497365-0ac591e0.png",
|
||||
},
|
||||
id: "t4", name: "Sam K.", role: "Glass Connoisseur", company: "The Glass Club", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/abstract-dark-blue-texture-1774548499489-dfc2693c.png"},
|
||||
]}
|
||||
title="What Locals Say"
|
||||
description="Join our community of happy enthusiasts."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Visit High Up"
|
||||
description="Have questions or looking for something specific? Swing by or send us a message below."
|
||||
useInvertedBackground={false}
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us what you're looking for...",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Tell us what you're looking for...", rows: 4 }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AML8ZspyVFVFSZtL3rSfMWkbhx/dark-atmospheric-smoke-shop-interior-wit-1774548498415-e65902e0.png"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -213,33 +135,16 @@ export default function LandingPage() {
|
||||
logoText="High Up"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "Glassware",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Vapes",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Cigars",
|
||||
href: "#products",
|
||||
},
|
||||
title: "Shop", items: [
|
||||
{ label: "Glassware", href: "#products" },
|
||||
{ label: "Vapes", href: "#products" },
|
||||
{ label: "Cigars", href: "#products" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Info", items: [
|
||||
{ label: "About", href: "#features" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user