Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
242
src/app/page.tsx
242
src/app/page.tsx
@@ -33,17 +33,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collection", id: "products"},
|
||||
{
|
||||
name: "Brand",
|
||||
id: "about",
|
||||
},
|
||||
name: "Brand", id: "about"},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "features",
|
||||
},
|
||||
name: "Experience", id: "features"},
|
||||
]}
|
||||
brandName="SNUSBROTHERS"
|
||||
/>
|
||||
@@ -52,21 +46,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
logoText="SNUSBROTHERS"
|
||||
description="Cold. Clean. Engineered for focus. SNUSBROTHERS redefines premium nicotine for the modern North. Minimalist design. Maximum confidence. Pure Scandinavian power in every pouch."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Collection", href: "#products"},
|
||||
{
|
||||
text: "Join Waitlist",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Join Waitlist", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chicken-quail-eggs-feathers-bowl-near-big-quills-can_23-2148073854.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chicken-quail-eggs-feathers-bowl-near-big-quills-can_23-2148073854.jpg"
|
||||
imageAlt="SNUSBROTHERS premium nicotine tin"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -79,29 +68,19 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Ethically Sourced",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Ethically Sourced", value: "100%"},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Focus Precision",
|
||||
value: "24/7",
|
||||
},
|
||||
label: "Focus Precision", value: "24/7"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Design Heritage",
|
||||
value: "Nordic",
|
||||
},
|
||||
label: "Design Heritage", value: "Nordic"},
|
||||
{
|
||||
icon: Leaf,
|
||||
label: "Sustainability",
|
||||
value: "High",
|
||||
},
|
||||
label: "Sustainability", value: "High"},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Rapid Impact",
|
||||
value: "Immediate",
|
||||
},
|
||||
label: "Rapid Impact", value: "Immediate"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -114,67 +93,43 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Maximum Discretion",
|
||||
description: "Ultra-slim pouches that fit seamlessly into your lifestyle, leaving you confident in every social situation.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white_23-2150853581.jpg",
|
||||
imageAlt: "Minimalist office lifestyle",
|
||||
},
|
||||
title: "Maximum Discretion", description: "Ultra-slim pouches that fit seamlessly into your lifestyle, leaving you confident in every social situation.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white_23-2150853581.jpg", imageAlt: "Minimalist office lifestyle"},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Invisible fit",
|
||||
},
|
||||
text: "Invisible fit"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Long-lasting flavor",
|
||||
},
|
||||
text: "Long-lasting flavor"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-quail-eggs-feathers-bowl-near-big-quills-can_23-2148073854.jpg?_wi=2",
|
||||
imageAlt: "minimalist office interior dark workspace",
|
||||
},
|
||||
{
|
||||
title: "Clean Ingredients",
|
||||
description: "We prioritize purity. Every pouch is crafted with premium ingredients free from unnecessary fillers.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/transparent-prism_23-2147960095.jpg",
|
||||
imageAlt: "Clean pouch ingredients",
|
||||
},
|
||||
title: "Clean Ingredients", description: "We prioritize purity. Every pouch is crafted with premium ingredients free from unnecessary fillers.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/transparent-prism_23-2147960095.jpg", imageAlt: "Clean pouch ingredients"},
|
||||
items: [
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Plant-based materials",
|
||||
},
|
||||
text: "Plant-based materials"},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Verified purity",
|
||||
},
|
||||
text: "Verified purity"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collection-quail-eggs-near-feathers-can_23-2148073846.jpg?_wi=1",
|
||||
imageAlt: "minimalist office interior dark workspace",
|
||||
},
|
||||
{
|
||||
title: "Nordic Innovation",
|
||||
description: "Inspired by the minimalism of the North, we combine traditional expertise with modern, high-performance manufacturing.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-small-decorative-objects-with-vivid-colors_23-2149732889.jpg",
|
||||
imageAlt: "Innovation display",
|
||||
},
|
||||
title: "Nordic Innovation", description: "Inspired by the minimalism of the North, we combine traditional expertise with modern, high-performance manufacturing.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-small-decorative-objects-with-vivid-colors_23-2149732889.jpg", imageAlt: "Innovation display"},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Rapid onset",
|
||||
},
|
||||
text: "Rapid onset"},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Consistent release",
|
||||
},
|
||||
text: "Consistent release"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-matchsticks-with-geometric-shapes_23-2149600203.jpg?_wi=1",
|
||||
imageAlt: "minimalist office interior dark workspace",
|
||||
},
|
||||
]}
|
||||
title="Engineered for Clarity"
|
||||
@@ -184,46 +139,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Arctic Frost",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collection-quail-eggs-near-feathers-can_23-2148073846.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Arctic Frost", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/collection-quail-eggs-near-feathers-can_23-2148073846.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Midnight Citrus",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-matchsticks-with-geometric-shapes_23-2149600203.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Midnight Citrus", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/view-matchsticks-with-geometric-shapes_23-2149600203.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Nordic Mint",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-burnt-paper-with-flames_23-2150104311.jpg",
|
||||
},
|
||||
id: "p3", name: "Nordic Mint", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/still-life-burnt-paper-with-flames_23-2150104311.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Ember Spice",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-mystery-box_23-2149631436.jpg",
|
||||
},
|
||||
id: "p4", name: "Ember Spice", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-mystery-box_23-2149631436.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Pure Bergamot",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/water-texture_23-2148121772.jpg",
|
||||
},
|
||||
id: "p5", name: "Pure Bergamot", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/water-texture_23-2148121772.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Deep Forest",
|
||||
price: "$12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tampon-pattern_23-2148162941.jpg",
|
||||
},
|
||||
id: "p6", name: "Deep Forest", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tampon-pattern_23-2148162941.jpg"},
|
||||
]}
|
||||
title="Signature Collection"
|
||||
description="Select your profile and join the SNUSBROTHERS community today."
|
||||
@@ -238,45 +170,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Erik Johansson",
|
||||
role: "Architect",
|
||||
company: "Stockholm Design",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-9486.jpg",
|
||||
},
|
||||
id: "t1", name: "Erik Johansson", role: "Architect", company: "Stockholm Design", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-9486.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus Vester",
|
||||
role: "Finance Lead",
|
||||
company: "Capital Lab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-man-walking-european-city-street_158595-4722.jpg",
|
||||
},
|
||||
id: "t2", name: "Marcus Vester", role: "Finance Lead", company: "Capital Lab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-man-walking-european-city-street_158595-4722.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Lukas Holm",
|
||||
role: "Tech Founder",
|
||||
company: "NordicTech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-pretty-young-woman-look-professional-cross-hands-chest-smiling-confident-camera-wear-glasses-standing-near-reception-office-hall-discuss-business_197531-22165.jpg",
|
||||
},
|
||||
id: "t3", name: "Lukas Holm", role: "Tech Founder", company: "NordicTech", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-pretty-young-woman-look-professional-cross-hands-chest-smiling-confident-camera-wear-glasses-standing-near-reception-office-hall-discuss-business_197531-22165.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sven Lindberg",
|
||||
role: "Creative Director",
|
||||
company: "Copenhagen Creative",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-closeup-portrait-beautiful-light_1321-2761.jpg",
|
||||
},
|
||||
id: "t4", name: "Sven Lindberg", role: "Creative Director", company: "Copenhagen Creative", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-closeup-portrait-beautiful-light_1321-2761.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Anton Berg",
|
||||
role: "Strategist",
|
||||
company: "Oslo Strategy",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sending-messages-by-smartphone_329181-18114.jpg",
|
||||
},
|
||||
id: "t5", name: "Anton Berg", role: "Strategist", company: "Oslo Strategy", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sending-messages-by-smartphone_329181-18114.jpg"},
|
||||
]}
|
||||
title="Trusted by Professionals"
|
||||
description="Hear from the visionaries who power their work with our craft."
|
||||
@@ -288,14 +195,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Nordic Life",
|
||||
"Stockholm Tech",
|
||||
"Oslo Style",
|
||||
"Copenhagen Post",
|
||||
"Berlin Trends",
|
||||
"Scandinavian Hub",
|
||||
"Modern North",
|
||||
]}
|
||||
"Nordic Life", "Stockholm Tech", "Oslo Style", "Copenhagen Post", "Berlin Trends", "Scandinavian Hub", "Modern North"]}
|
||||
title="As Featured In"
|
||||
description="Recognized by industry leaders for our commitment to quality."
|
||||
/>
|
||||
@@ -306,20 +206,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are these legal to order?",
|
||||
content: "Yes, we ship strictly within the legal framework of your region.",
|
||||
},
|
||||
id: "q1", title: "Are these legal to order?", content: "Yes, we ship strictly within the legal framework of your region."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How long for delivery?",
|
||||
content: "Most orders arrive within 3-5 business days across Europe.",
|
||||
},
|
||||
id: "q2", title: "How long for delivery?", content: "Most orders arrive within 3-5 business days across Europe."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer subscriptions?",
|
||||
content: "We offer flexible subscription plans for our recurring customers.",
|
||||
},
|
||||
id: "q3", title: "Do you offer subscriptions?", content: "We offer flexible subscription plans for our recurring customers."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about our premium selection."
|
||||
@@ -334,16 +225,10 @@ export default function LandingPage() {
|
||||
description="Request access to our exclusive release calendar and waitlist."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
buttonText="Join Waitlist"
|
||||
@@ -357,42 +242,27 @@ export default function LandingPage() {
|
||||
logoText="SNUSBROTHERS"
|
||||
columns={[
|
||||
{
|
||||
title: "Brand",
|
||||
items: [
|
||||
title: "Brand", items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Our Story", href: "#about"},
|
||||
{
|
||||
label: "Sustainability",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sustainability", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Use", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user