Merge version_1 into main #2
@@ -8,132 +8,73 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import { ShieldCheck, Wrench } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "/collection",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="WOW The Luxury Hub"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About Us", id: "/about" },
|
||||
{ name: "Collection", id: "/collection" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="WOW The Luxury Hub"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-intro" data-section="about-intro">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="About WOW The Luxury Hub"
|
||||
description="With years of expertise, we provide an unparalleled experience for discerning collectors in Mumbai. We are your trusted partner in finding the perfect timepiece."
|
||||
metrics={[
|
||||
{
|
||||
value: "10+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Satisfied Clients",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvtEDJxXtpMxZMa2TKz5cVgI4/a-professional-horologist-carefully-exam-1774618042878-6b25e756.png?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about-intro" data-section="about-intro">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="About WOW The Luxury Hub"
|
||||
description="With years of expertise, we provide an unparalleled experience for discerning collectors in Mumbai. We are your trusted partner in finding the perfect timepiece."
|
||||
metrics={[
|
||||
{ value: "10+", title: "Years Experience" },
|
||||
{ value: "500+", title: "Satisfied Clients" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvtEDJxXtpMxZMa2TKz5cVgI4/a-professional-horologist-carefully-exam-1774618042878-6b25e756.png"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Craftsmanship"
|
||||
description="We believe in the perfect blend of tradition and modernity."
|
||||
features={[
|
||||
{
|
||||
title: "Expertise",
|
||||
description: "Master watchmakers with decades of experience.",
|
||||
icon: Wrench,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvtEDJxXtpMxZMa2TKz5cVgI4/a-professional-horologist-carefully-exam-1774618042878-6b25e756.png?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvtEDJxXtpMxZMa2TKz5cVgI4/a-professional-horologist-carefully-exam-1774618042878-6b25e756.png?_wi=3",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Quality",
|
||||
description: "Only the finest materials and movements.",
|
||||
icon: ShieldCheck,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvtEDJxXtpMxZMa2TKz5cVgI4/a-premium-stainless-steel-luxury-watch-m-1774618041277-a9ea3d96.png?_wi=3",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvtEDJxXtpMxZMa2TKz5cVgI4/a-gold-limited-edition-watch-with-leathe-1774618055220-38d01d92.png?_wi=3",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Craftsmanship"
|
||||
description="We believe in the perfect blend of tradition and modernity."
|
||||
features={[
|
||||
{ title: "Expertise", description: "Master watchmakers with decades of experience.", icon: Wrench, mediaItems: [{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvtEDJxXtpMxZMa2TKz5cVgI4/a-professional-horologist-carefully-exam-1774618042878-6b25e756.png" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvtEDJxXtpMxZMa2TKz5cVgI4/a-professional-horologist-carefully-exam-1774618042878-6b25e756.png" }] },
|
||||
{ title: "Quality", description: "Only the finest materials and movements.", icon: ShieldCheck, mediaItems: [{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvtEDJxXtpMxZMa2TKz5cVgI4/a-premium-stainless-steel-luxury-watch-m-1774618041277-a9ea3d96.png" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvtEDJxXtpMxZMa2TKz5cVgI4/a-gold-limited-edition-watch-with-leathe-1774618055220-38d01d92.png" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvtEDJxXtpMxZMa2TKz5cVgI4/minimalist-luxury-gold-emblem-for-watch--1774618041235-883bda11.png?_wi=2"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Collection",
|
||||
href: "/collection",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 | WOW The Luxury Hub. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvtEDJxXtpMxZMa2TKz5cVgI4/minimalist-luxury-gold-emblem-for-watch--1774618041235-883bda11.png"
|
||||
columns={[
|
||||
{ title: "Navigate", items: [{ label: "Home", href: "/" }, { label: "Collection", href: "/collection" }] },
|
||||
{ title: "Support", items: [{ label: "Contact Us", href: "/contact" }, { label: "About Us", href: "/about" }] },
|
||||
]}
|
||||
copyrightText="© 2025 | WOW The Luxury Hub. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -7,133 +7,72 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function CollectionPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "/collection",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="WOW The Luxury Hub"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About Us", id: "/about" },
|
||||
{ name: "Collection", id: "/collection" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="WOW The Luxury Hub"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="New Arrivals"
|
||||
description="Discover the latest timepieces from world-renowned brands."
|
||||
products={[
|
||||
{
|
||||
id: "c1",
|
||||
brand: "Luxury Luxe",
|
||||
name: "Royal Chrono",
|
||||
price: "₹3,00,000",
|
||||
rating: 5,
|
||||
reviewCount: "24",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvtEDJxXtpMxZMa2TKz5cVgI4/a-premium-stainless-steel-luxury-watch-m-1774618041277-a9ea3d96.png?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "c2",
|
||||
brand: "Gold Standard",
|
||||
name: "Midnight Edition",
|
||||
price: "₹4,50,000",
|
||||
rating: 5,
|
||||
reviewCount: "18",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvtEDJxXtpMxZMa2TKz5cVgI4/a-gold-limited-edition-watch-with-leathe-1774618055220-38d01d92.png?_wi=4",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="New Arrivals"
|
||||
description="Discover the latest timepieces from world-renowned brands."
|
||||
products={[
|
||||
{ id: "c1", brand: "Luxury Luxe", name: "Royal Chrono", price: "₹3,00,000", rating: 5, reviewCount: "24", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvtEDJxXtpMxZMa2TKz5cVgI4/a-premium-stainless-steel-luxury-watch-m-1774618041277-a9ea3d96.png" },
|
||||
{ id: "c2", brand: "Gold Standard", name: "Midnight Edition", price: "₹4,50,000", rating: 5, reviewCount: "18", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvtEDJxXtpMxZMa2TKz5cVgI4/a-gold-limited-edition-watch-with-leathe-1774618055220-38d01d92.png" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Customer Reviews"
|
||||
description="What our clients say about our luxury selection."
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Rajesh Sharma",
|
||||
date: "Jan 2025",
|
||||
title: "Excellent Service",
|
||||
quote: "The best place to buy a watch in Mumbai.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvtEDJxXtpMxZMa2TKz5cVgI4/a-premium-stainless-steel-luxury-watch-m-1774618041277-a9ea3d96.png",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Priya Kapoor",
|
||||
date: "Dec 2024",
|
||||
title: "Timeless",
|
||||
quote: "Stunning collection, very professional staff.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvtEDJxXtpMxZMa2TKz5cVgI4/a-gold-limited-edition-watch-with-leathe-1774618055220-38d01d92.png",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Customer Reviews"
|
||||
description="What our clients say about our luxury selection."
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Rajesh Sharma", date: "Jan 2025", title: "Excellent Service", quote: "The best place to buy a watch in Mumbai.", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvtEDJxXtpMxZMa2TKz5cVgI4/a-premium-stainless-steel-luxury-watch-m-1774618041277-a9ea3d96.png" },
|
||||
{ id: "t2", name: "Priya Kapoor", date: "Dec 2024", title: "Timeless", quote: "Stunning collection, very professional staff.", tag: "Verified", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvtEDJxXtpMxZMa2TKz5cVgI4/a-gold-limited-edition-watch-with-leathe-1774618055220-38d01d92.png" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvtEDJxXtpMxZMa2TKz5cVgI4/minimalist-luxury-gold-emblem-for-watch--1774618041235-883bda11.png?_wi=3"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Collection",
|
||||
href: "/collection",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 | WOW The Luxury Hub. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvtEDJxXtpMxZMa2TKz5cVgI4/minimalist-luxury-gold-emblem-for-watch--1774618041235-883bda11.png"
|
||||
columns={[
|
||||
{ title: "Navigate", items: [{ label: "Home", href: "/" }, { label: "Collection", href: "/collection" }] },
|
||||
{ title: "Support", items: [{ label: "Contact Us", href: "/contact" }, { label: "About Us", href: "/about" }] },
|
||||
]}
|
||||
copyrightText="© 2025 | WOW The Luxury Hub. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -7,120 +7,72 @@ import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ContactPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "/collection",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="WOW The Luxury Hub"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About Us", id: "/about" },
|
||||
{ name: "Collection", id: "/collection" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="WOW The Luxury Hub"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-main" data-section="contact-main">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get In Touch"
|
||||
description="Visit our boutique at Bahadur Shastri Marg, Mumbai, or reach us at +91 91369 26945."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Your Phone Number",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
rows: 4,
|
||||
}}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvtEDJxXtpMxZMa2TKz5cVgI4/a-professional-horologist-carefully-exam-1774618042878-6b25e756.png?_wi=4"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact-main" data-section="contact-main">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get In Touch"
|
||||
description="Visit our boutique at Bahadur Shastri Marg, Mumbai, or reach us at +91 91369 26945."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Your Phone Number", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "How can we help?", rows: 4 }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvtEDJxXtpMxZMa2TKz5cVgI4/a-professional-horologist-carefully-exam-1774618042878-6b25e756.png"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Support"
|
||||
title="Ready to own your piece of time?"
|
||||
description="Our experts are available to guide you through your purchase."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+919136926945",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Support"
|
||||
title="Ready to own your piece of time?"
|
||||
description="Our experts are available to guide you through your purchase."
|
||||
buttons={[
|
||||
{ text: "Call Now", href: "tel:+919136926945" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvtEDJxXtpMxZMa2TKz5cVgI4/minimalist-luxury-gold-emblem-for-watch--1774618041235-883bda11.png?_wi=4"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Collection",
|
||||
href: "/collection",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 | WOW The Luxury Hub. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvtEDJxXtpMxZMa2TKz5cVgI4/minimalist-luxury-gold-emblem-for-watch--1774618041235-883bda11.png"
|
||||
columns={[
|
||||
{ title: "Navigate", items: [{ label: "Home", href: "/" }, { label: "Collection", href: "/collection" }] },
|
||||
{ title: "Support", items: [{ label: "Contact Us", href: "/contact" }, { label: "About Us", href: "/about" }] },
|
||||
]}
|
||||
copyrightText="© 2025 | WOW The Luxury Hub. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
191
src/app/page.tsx
191
src/app/page.tsx
@@ -13,140 +13,73 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "/collection",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="WOW The Luxury Hub"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About Us", id: "/about" },
|
||||
{ name: "Collection", id: "/collection" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="WOW The Luxury Hub"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero-section" data-section="hero-section">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Luxury Watches. Timeless Elegance."
|
||||
description="Experience the pinnacle of precision engineering and sophisticated design."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Collection",
|
||||
href: "/collection",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvtEDJxXtpMxZMa2TKz5cVgI4/a-high-end-luxury-watch-sitting-on-a-sle-1774618042401-c9a54d44.png?_wi=1",
|
||||
imageAlt: "Luxury Watch",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvtEDJxXtpMxZMa2TKz5cVgI4/a-premium-stainless-steel-luxury-watch-m-1774618041277-a9ea3d96.png?_wi=1",
|
||||
imageAlt: "Classic Chronograph",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvtEDJxXtpMxZMa2TKz5cVgI4/a-gold-limited-edition-watch-with-leathe-1774618055220-38d01d92.png?_wi=1",
|
||||
imageAlt: "Gold Master Series",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvtEDJxXtpMxZMa2TKz5cVgI4/a-modern-luxury-smart-watch-high-tech-in-1774618041559-22756d0a.png?_wi=1",
|
||||
imageAlt: "Digital Elite",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvtEDJxXtpMxZMa2TKz5cVgI4/a-high-end-luxury-watch-sitting-on-a-sle-1774618042401-c9a54d44.png?_wi=2",
|
||||
imageAlt: "Luxury Watch Detail",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero-section" data-section="hero-section">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Luxury Watches. Timeless Elegance."
|
||||
description="Experience the pinnacle of precision engineering and sophisticated design."
|
||||
buttons={[
|
||||
{ text: "View Collection", href: "/collection" },
|
||||
{ text: "Contact Us", href: "/contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvtEDJxXtpMxZMa2TKz5cVgI4/a-high-end-luxury-watch-sitting-on-a-sle-1774618042401-c9a54d44.png", imageAlt: "Luxury Watch" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvtEDJxXtpMxZMa2TKz5cVgI4/a-premium-stainless-steel-luxury-watch-m-1774618041277-a9ea3d96.png", imageAlt: "Classic Chronograph" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvtEDJxXtpMxZMa2TKz5cVgI4/a-gold-limited-edition-watch-with-leathe-1774618055220-38d01d92.png", imageAlt: "Gold Master Series" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvtEDJxXtpMxZMa2TKz5cVgI4/a-modern-luxury-smart-watch-high-tech-in-1774618041559-22756d0a.png", imageAlt: "Digital Elite" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvtEDJxXtpMxZMa2TKz5cVgI4/a-high-end-luxury-watch-sitting-on-a-sle-1774618042401-c9a54d44.png", imageAlt: "Luxury Watch Detail" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="featured-watches" data-section="featured-watches">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Chronograph",
|
||||
price: "₹1,25,000",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvtEDJxXtpMxZMa2TKz5cVgI4/a-premium-stainless-steel-luxury-watch-m-1774618041277-a9ea3d96.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Gold Master Series",
|
||||
price: "₹2,50,000",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvtEDJxXtpMxZMa2TKz5cVgI4/a-gold-limited-edition-watch-with-leathe-1774618055220-38d01d92.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Digital Elite",
|
||||
price: "₹85,000",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvtEDJxXtpMxZMa2TKz5cVgI4/a-modern-luxury-smart-watch-high-tech-in-1774618041559-22756d0a.png?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Featured Collection"
|
||||
description="Explore our curated selection of fine timepieces."
|
||||
/>
|
||||
</div>
|
||||
<div id="featured-watches" data-section="featured-watches">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Classic Chronograph", price: "₹1,25,000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvtEDJxXtpMxZMa2TKz5cVgI4/a-premium-stainless-steel-luxury-watch-m-1774618041277-a9ea3d96.png" },
|
||||
{ id: "p2", name: "Gold Master Series", price: "₹2,50,000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvtEDJxXtpMxZMa2TKz5cVgI4/a-gold-limited-edition-watch-with-leathe-1774618055220-38d01d92.png" },
|
||||
{ id: "p3", name: "Digital Elite", price: "₹85,000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvtEDJxXtpMxZMa2TKz5cVgI4/a-modern-luxury-smart-watch-high-tech-in-1774618041559-22756d0a.png" },
|
||||
]}
|
||||
title="Featured Collection"
|
||||
description="Explore our curated selection of fine timepieces."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvtEDJxXtpMxZMa2TKz5cVgI4/minimalist-luxury-gold-emblem-for-watch--1774618041235-883bda11.png?_wi=1"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Collection",
|
||||
href: "/collection",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 | WOW The Luxury Hub. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWvtEDJxXtpMxZMa2TKz5cVgI4/minimalist-luxury-gold-emblem-for-watch--1774618041235-883bda11.png"
|
||||
columns={[
|
||||
{ title: "Navigate", items: [{ label: "Home", href: "/" }, { label: "Collection", href: "/collection" }] },
|
||||
{ title: "Support", items: [{ label: "Contact Us", href: "/contact" }, { label: "About Us", href: "/about" }] },
|
||||
]}
|
||||
copyrightText="© 2025 | WOW The Luxury Hub. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user