Merge version_1 into main #2
335
src/app/page.tsx
335
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Zap } from "lucide-react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -31,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "product",
|
||||
},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Collection", id: "product" },
|
||||
{ name: "Experience", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="DUKS"
|
||||
/>
|
||||
@@ -54,48 +43,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Essence of the Desert"
|
||||
description="Discover TAGHIT, a refined fragrance inspired by the golden sands and ancient woods of the deep desert."
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover the Fragrance",
|
||||
href: "#product",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Discover the Fragrance", href: "#product" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D8IutBLUByZuNeDB6SRmonrNe3/uploaded-1777657516729-9vp2hlar.jpg?_wi=1",
|
||||
imageAlt: "Taghit Bottle 1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D8IutBLUByZuNeDB6SRmonrNe3/uploaded-1777657516729-53m295et.jpg?_wi=1",
|
||||
imageAlt: "Taghit Bottle 2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D8IutBLUByZuNeDB6SRmonrNe3/uploaded-1777657516729-zvdjkawu.jpg?_wi=1",
|
||||
imageAlt: "Taghit Bottle 3",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D8IutBLUByZuNeDB6SRmonrNe3/uploaded-1777657516729-die54c6x.jpg?_wi=1",
|
||||
imageAlt: "Taghit Bottle 4",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D8IutBLUByZuNeDB6SRmonrNe3/uploaded-1777657516729-bbbe5byh.jpg",
|
||||
imageAlt: "Taghit Bottle 5",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420649.jpg",
|
||||
imageAlt: "perfume bottle gold desert",
|
||||
},
|
||||
{ id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D8IutBLUByZuNeDB6SRmonrNe3/uploaded-1777657516729-9vp2hlar.jpg", imageAlt: "Taghit Bottle 1" },
|
||||
{ id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D8IutBLUByZuNeDB6SRmonrNe3/uploaded-1777657516729-53m295et.jpg", imageAlt: "Taghit Bottle 2" },
|
||||
{ id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D8IutBLUByZuNeDB6SRmonrNe3/uploaded-1777657516729-zvdjkawu.jpg", imageAlt: "Taghit Bottle 3" },
|
||||
{ id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D8IutBLUByZuNeDB6SRmonrNe3/uploaded-1777657516729-die54c6x.jpg", imageAlt: "Taghit Bottle 4" },
|
||||
{ id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D8IutBLUByZuNeDB6SRmonrNe3/uploaded-1777657516729-bbbe5byh.jpg", imageAlt: "Taghit Bottle 5" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420649.jpg", imageAlt: "perfume bottle gold desert" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -107,42 +65,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "TAGHIT Signature",
|
||||
price: "$180",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-empty-perfume-bottle_23-2149234327.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Desert Gold",
|
||||
price: "$210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shampoo-bottle_187299-47620.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Ancient Wood",
|
||||
price: "$195",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-men-cologne-light-grey-background-with-free-space_140725-145462.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Sand Dune",
|
||||
price: "$175",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/perfume-bottle-table_1194-638632.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Oud Essence",
|
||||
price: "$250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-perfume-bottle-purple-blurred-background_140725-145531.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Midnight Breeze",
|
||||
price: "$190",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-product_23-2150347109.jpg",
|
||||
},
|
||||
{ id: "p1", name: "TAGHIT Signature", price: "$180", imageSrc: "http://img.b2bpic.net/free-photo/top-view-empty-perfume-bottle_23-2149234327.jpg" },
|
||||
{ id: "p2", name: "Desert Gold", price: "$210", imageSrc: "http://img.b2bpic.net/free-photo/shampoo-bottle_187299-47620.jpg" },
|
||||
{ id: "p3", name: "Ancient Wood", price: "$195", imageSrc: "http://img.b2bpic.net/free-photo/front-view-men-cologne-light-grey-background-with-free-space_140725-145462.jpg" },
|
||||
{ id: "p4", name: "Sand Dune", price: "$175", imageSrc: "http://img.b2bpic.net/free-photo/perfume-bottle-table_1194-638632.jpg" },
|
||||
{ id: "p5", name: "Oud Essence", price: "$250", imageSrc: "http://img.b2bpic.net/free-photo/front-view-perfume-bottle-purple-blurred-background_140725-145531.jpg" },
|
||||
{ id: "p6", name: "Midnight Breeze", price: "$190", imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-product_23-2150347109.jpg" },
|
||||
]}
|
||||
title="The Collection"
|
||||
description="Experience the sensory journey of our signature scents."
|
||||
@@ -153,11 +81,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Journey into Timeless Luxury"
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Story",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Our Story" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -166,46 +90,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Exquisite",
|
||||
quote: "The most refined scent I've ever worn.",
|
||||
name: "Sarah A.",
|
||||
role: "Collector",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-portrait-studio-with-copy-space_23-2148500434.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Unique",
|
||||
quote: "TAGHIT transports me to the desert instantly.",
|
||||
name: "Michael K.",
|
||||
role: "Enthusiast",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-african-man-white-shirt_171337-7992.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Premium",
|
||||
quote: "Unmatched longevity and depth.",
|
||||
name: "Elena R.",
|
||||
role: "Influencer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-portrait-young-joyful-man-white-shirt-posing-camera-with-broad-smile-isolated-dark-gray-wall_171337-457.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Elegant",
|
||||
quote: "Truly a masterpiece in a bottle.",
|
||||
name: "Omar F.",
|
||||
role: "Connoisseur",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-skeptical-bearded-man-grimacing-displeased-dont-like-something-standing-reluctant-against_1258-113973.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Timeless",
|
||||
quote: "Sophistication redefined.",
|
||||
name: "Lina M.",
|
||||
role: "Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-modern-female_23-2148415853.jpg",
|
||||
},
|
||||
{ id: "1", title: "Exquisite", quote: "The most refined scent I've ever worn.", name: "Sarah A.", role: "Collector", imageSrc: "http://img.b2bpic.net/free-photo/businessman-portrait-studio-with-copy-space_23-2148500434.jpg" },
|
||||
{ id: "2", title: "Unique", quote: "TAGHIT transports me to the desert instantly.", name: "Michael K.", role: "Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-african-man-white-shirt_171337-7992.jpg" },
|
||||
{ id: "3", title: "Premium", quote: "Unmatched longevity and depth.", name: "Elena R.", role: "Influencer", imageSrc: "http://img.b2bpic.net/free-photo/cropped-portrait-young-joyful-man-white-shirt-posing-camera-with-broad-smile-isolated-dark-gray-wall_171337-457.jpg" },
|
||||
{ id: "4", title: "Elegant", quote: "Truly a masterpiece in a bottle.", name: "Omar F.", role: "Connoisseur", imageSrc: "http://img.b2bpic.net/free-photo/closeup-skeptical-bearded-man-grimacing-displeased-dont-like-something-standing-reluctant-against_1258-113973.jpg" },
|
||||
{ id: "5", title: "Timeless", quote: "Sophistication redefined.", name: "Lina M.", role: "Stylist", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-modern-female_23-2148415853.jpg" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear from our global community of connoisseurs."
|
||||
@@ -217,41 +106,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Rare Notes",
|
||||
description: "Sourced from the heart of the desert.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420699.jpg",
|
||||
imageAlt: "Cosmetic bottle with luxurious art nouveau inspired sun relief background",
|
||||
},
|
||||
{
|
||||
title: "Long Lasting",
|
||||
description: "Designed for all-day radiance.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D8IutBLUByZuNeDB6SRmonrNe3/uploaded-1777657516729-9vp2hlar.jpg?_wi=2",
|
||||
imageAlt: "Cosmetic bottle with luxurious art nouveau inspired sun relief background",
|
||||
},
|
||||
{
|
||||
title: "Artisanal",
|
||||
description: "Bottled with traditional expertise.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D8IutBLUByZuNeDB6SRmonrNe3/uploaded-1777657516729-53m295et.jpg?_wi=2",
|
||||
imageAlt: "Cosmetic bottle with luxurious art nouveau inspired sun relief background",
|
||||
},
|
||||
{
|
||||
title: "Sustainable",
|
||||
description: "Ethical luxury for modern needs.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D8IutBLUByZuNeDB6SRmonrNe3/uploaded-1777657516729-zvdjkawu.jpg?_wi=2",
|
||||
imageAlt: "Cosmetic bottle with luxurious art nouveau inspired sun relief background",
|
||||
},
|
||||
{
|
||||
title: "Handcrafted",
|
||||
description: "Each bottle is carefully inspected.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D8IutBLUByZuNeDB6SRmonrNe3/uploaded-1777657516729-die54c6x.jpg?_wi=2",
|
||||
imageAlt: "Cosmetic bottle with luxurious art nouveau inspired sun relief background",
|
||||
},
|
||||
{ title: "Rare Notes", description: "Sourced from the heart of the desert.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420699.jpg" },
|
||||
{ title: "Long Lasting", description: "Designed for all-day radiance.", buttonIcon: Zap, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D8IutBLUByZuNeDB6SRmonrNe3/uploaded-1777657516729-9vp2hlar.jpg" },
|
||||
{ title: "Artisanal", description: "Bottled with traditional expertise.", buttonIcon: Zap, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D8IutBLUByZuNeDB6SRmonrNe3/uploaded-1777657516729-53m295et.jpg" },
|
||||
{ title: "Sustainable", description: "Ethical luxury for modern needs.", buttonIcon: Zap, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D8IutBLUByZuNeDB6SRmonrNe3/uploaded-1777657516729-zvdjkawu.jpg" },
|
||||
{ title: "Handcrafted", description: "Each bottle is carefully inspected.", buttonIcon: Zap, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D8IutBLUByZuNeDB6SRmonrNe3/uploaded-1777657516729-die54c6x.jpg" },
|
||||
]}
|
||||
title="The Art of Scent"
|
||||
description="Crafting fragrances with care and passion."
|
||||
@@ -264,81 +123,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$50/mo",
|
||||
subtitle: "Monthly Samples",
|
||||
buttons: [
|
||||
{
|
||||
text: "Join",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"1 Sample",
|
||||
"Free Shipping",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Connoisseur",
|
||||
price: "$120/mo",
|
||||
subtitle: "Full Bottles",
|
||||
buttons: [
|
||||
{
|
||||
text: "Join",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"1 Bottle",
|
||||
"Early Access",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "vip",
|
||||
badge: "VIP",
|
||||
price: "$300/mo",
|
||||
subtitle: "Collection Access",
|
||||
buttons: [
|
||||
{
|
||||
text: "Join",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"3 Bottles",
|
||||
"Private Events",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "gold",
|
||||
badge: "Legacy",
|
||||
price: "$500/mo",
|
||||
subtitle: "Bespoke Access",
|
||||
buttons: [
|
||||
{
|
||||
text: "Join",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"5 Bottles",
|
||||
"Concierge Service",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "platinum",
|
||||
badge: "Founder",
|
||||
price: "$999/mo",
|
||||
subtitle: "Ultimate Access",
|
||||
buttons: [
|
||||
{
|
||||
text: "Join",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Unlimited Samples",
|
||||
"Lifetime Support",
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Essential", price: "$50/mo", subtitle: "Monthly Samples", buttons: [{ text: "Join" }], features: ["1 Sample", "Free Shipping"] },
|
||||
{ id: "pro", badge: "Connoisseur", price: "$120/mo", subtitle: "Full Bottles", buttons: [{ text: "Join" }], features: ["1 Bottle", "Early Access"] },
|
||||
{ id: "vip", badge: "VIP", price: "$300/mo", subtitle: "Collection Access", buttons: [{ text: "Join" }], features: ["3 Bottles", "Private Events"] },
|
||||
{ id: "gold", badge: "Legacy", price: "$500/mo", subtitle: "Bespoke Access", buttons: [{ text: "Join" }], features: ["5 Bottles", "Concierge Service"] },
|
||||
{ id: "platinum", badge: "Founder", price: "$999/mo", subtitle: "Ultimate Access", buttons: [{ text: "Join" }], features: ["Unlimited Samples", "Lifetime Support"] },
|
||||
]}
|
||||
title="Exclusive Access"
|
||||
description="Join our membership for premium perks."
|
||||
@@ -349,31 +138,11 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Returns?",
|
||||
content: "Within 30 days.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Shipping?",
|
||||
content: "Worldwide available.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Samples?",
|
||||
content: "Yes, available online.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Sustainability?",
|
||||
content: "We use recycled materials.",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Ingredients?",
|
||||
content: "Natural, ethically sourced ingredients.",
|
||||
},
|
||||
{ id: "f1", title: "Returns?", content: "Within 30 days." },
|
||||
{ id: "f2", title: "Shipping?", content: "Worldwide available." },
|
||||
{ id: "f3", title: "Samples?", content: "Yes, available online." },
|
||||
{ id: "f4", title: "Sustainability?", content: "We use recycled materials." },
|
||||
{ id: "f5", title: "Ingredients?", content: "Natural, ethically sourced ingredients." },
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -386,18 +155,8 @@ export default function LandingPage() {
|
||||
title="Get In Touch"
|
||||
description="Have questions? Our concierge is here for you."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email", required: true },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-natural-grungy-texture-background_23-2149110398.jpg"
|
||||
/>
|
||||
@@ -406,14 +165,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="DUKS"
|
||||
leftLink={{
|
||||
text: "Privacy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy", href: "#" }}
|
||||
rightLink={{ text: "Terms", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user