Merge version_1 into main #1
414
src/app/page.tsx
414
src/app/page.tsx
@@ -19,294 +19,152 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
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">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Royaltick"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Royaltick"
|
||||
button={{ text: "Shop Collections", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroOverlay
|
||||
title="Timeless Elegance, Custom Crafted."
|
||||
description="At Royaltick Jewelry, we manufacture exquisite diamond watches, custom pendants, and bespoke rings that redefine luxury. Experience master craftsmanship tailored just for you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collections",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-watch_53876-32028.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-girl-looking-watch_1163-3199.jpg",
|
||||
alt: "Happy client one",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-looking-his-watch_53876-13503.jpg",
|
||||
alt: "Happy client two",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-hand-pants-pocket_1262-18152.jpg",
|
||||
alt: "Happy client three",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/new-year-party-concept-with-girl-holding-clock_23-2147995152.jpg",
|
||||
alt: "Happy client four",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/precious-stones-processing_169016-3563.jpg",
|
||||
alt: "Happy client five",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ connoisseurs"
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroOverlay
|
||||
title="Timeless Elegance, Custom Crafted."
|
||||
description="At Royaltick Jewelry, we manufacture exquisite diamond watches, custom pendants, and bespoke rings that redefine luxury. Experience master craftsmanship tailored just for you."
|
||||
buttons={[{ text: "Shop Collections", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-watch_53876-32028.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-girl-looking-watch_1163-3199.jpg", alt: "Happy client one" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-looking-his-watch_53876-13503.jpg", alt: "Happy client two" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/businessman-hand-pants-pocket_1262-18152.jpg", alt: "Happy client three" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/new-year-party-concept-with-girl-holding-clock_23-2147995152.jpg", alt: "Happy client four" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/precious-stones-processing_169016-3563.jpg", alt: "Happy client five" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ connoisseurs"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Craftsmanship at its Peak"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "15+",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Certified Quality",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
icon: Diamond,
|
||||
label: "Custom Designs",
|
||||
value: "500+",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Craftsmanship at its Peak"
|
||||
metrics={[
|
||||
{ icon: Award, label: "Years Experience", value: "15+" },
|
||||
{ icon: Shield, label: "Certified Quality", value: "100%" },
|
||||
{ icon: Diamond, label: "Custom Designs", value: "500+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Diamond Iced Watch",
|
||||
price: "$12,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-engagement-gold-shiny-love-macro_1400-32.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Custom Pendant",
|
||||
price: "$2,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-woman-pink-romantic-dress-wearing-necklace_343596-1994.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Cuban Chain",
|
||||
price: "$4,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jeweler-working-shop-with-equipment_23-2150914293.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Tennis Chain",
|
||||
price: "$3,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-golden-lion-ring_246466-29.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Custom Ring",
|
||||
price: "$1,800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/negative-female-sad-tired-pain_1150-1590.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Diamond Bracelet",
|
||||
price: "$2,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-object_1122-1944.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Pieces"
|
||||
description="Browse our hand-manufactured selection of iced-out watches, Cuban chains, and unique custom pendants."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Diamond Iced Watch", price: "$12,000", imageSrc: "http://img.b2bpic.net/free-photo/bright-engagement-gold-shiny-love-macro_1400-32.jpg" },
|
||||
{ id: "p2", name: "Custom Pendant", price: "$2,500", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-woman-pink-romantic-dress-wearing-necklace_343596-1994.jpg" },
|
||||
{ id: "p3", name: "Cuban Chain", price: "$4,000", imageSrc: "http://img.b2bpic.net/free-photo/jeweler-working-shop-with-equipment_23-2150914293.jpg" },
|
||||
{ id: "p4", name: "Tennis Chain", price: "$3,500", imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-golden-lion-ring_246466-29.jpg" },
|
||||
{ id: "p5", name: "Custom Ring", price: "$1,800", imageSrc: "http://img.b2bpic.net/free-photo/negative-female-sad-tired-pain_1150-1590.jpg" },
|
||||
{ id: "p6", name: "Diamond Bracelet", price: "$2,200", imageSrc: "http://img.b2bpic.net/free-photo/still-life-object_1122-1944.jpg" },
|
||||
]}
|
||||
title="Our Signature Pieces"
|
||||
description="Browse our hand-manufactured selection of iced-out watches, Cuban chains, and unique custom pendants."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Bespoke Manufacturing",
|
||||
description: "We specialize in bringing your custom design ideas to life with flawless execution.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-tools-cutting-wire_23-2148643276.jpg",
|
||||
},
|
||||
{
|
||||
title: "Conflict-Free Diamonds",
|
||||
description: "Our sourcing ensures that every stone is ethical and of premium quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-gold-chains-still-life_23-2149560668.jpg",
|
||||
},
|
||||
{
|
||||
title: "Life-time Polish",
|
||||
description: "Every purchase comes with lifetime cleaning and maintenance to keep your sparkle bright.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-marble_23-2150329646.jpg",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Royaltick?"
|
||||
description="Every piece we make is a testament to precision, luxury, and your unique style."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Bespoke Manufacturing", description: "We specialize in bringing your custom design ideas to life with flawless execution.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-tools-cutting-wire_23-2148643276.jpg" },
|
||||
{ title: "Conflict-Free Diamonds", description: "Our sourcing ensures that every stone is ethical and of premium quality.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-gold-chains-still-life_23-2149560668.jpg" },
|
||||
{ title: "Life-time Polish", description: "Every purchase comes with lifetime cleaning and maintenance to keep your sparkle bright.", imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-marble_23-2150329646.jpg" },
|
||||
]}
|
||||
title="Why Choose Royaltick?"
|
||||
description="Every piece we make is a testament to precision, luxury, and your unique style."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "James R.",
|
||||
handle: "@jamez",
|
||||
testimonial: "The custom pendant I ordered was breathtaking. Unmatched precision.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-shopping-buying-consumer-products-customer-day-celebration_23-2151623388.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah W.",
|
||||
handle: "@sarahw",
|
||||
testimonial: "My diamond watch looks absolutely stunning. Professional craftsmanship.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-choosing-necklace-jewelry-store_1303-30674.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marcus L.",
|
||||
handle: "@mlux",
|
||||
testimonial: "Royaltick delivers nothing but high-end quality. Best in the game.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/guy-presenting-gift-box-attractive-happy-lady_23-2148016809.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena K.",
|
||||
handle: "@elena",
|
||||
testimonial: "Fast manufacturing and premium finish on my tennis chain.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-choosing-necklace-jewelry-store_1303-30672.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "David T.",
|
||||
handle: "@dt",
|
||||
testimonial: "Highly recommended for anyone looking for custom, quality rings.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-elegant-brunette-woman-cream-silk_158595-946.jpg",
|
||||
},
|
||||
]}
|
||||
title="Royal Client Experiences"
|
||||
description="See why connoisseurs choose Royaltick Jewelry for their custom pieces."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "James R.", handle: "@jamez", testimonial: "The custom pendant I ordered was breathtaking. Unmatched precision.", imageSrc: "http://img.b2bpic.net/free-photo/women-shopping-buying-consumer-products-customer-day-celebration_23-2151623388.jpg" },
|
||||
{ id: "2", name: "Sarah W.", handle: "@sarahw", testimonial: "My diamond watch looks absolutely stunning. Professional craftsmanship.", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-choosing-necklace-jewelry-store_1303-30674.jpg" },
|
||||
{ id: "3", name: "Marcus L.", handle: "@mlux", testimonial: "Royaltick delivers nothing but high-end quality. Best in the game.", imageSrc: "http://img.b2bpic.net/free-photo/guy-presenting-gift-box-attractive-happy-lady_23-2148016809.jpg" },
|
||||
{ id: "4", name: "Elena K.", handle: "@elena", testimonial: "Fast manufacturing and premium finish on my tennis chain.", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-choosing-necklace-jewelry-store_1303-30672.jpg" },
|
||||
{ id: "5", name: "David T.", handle: "@dt", testimonial: "Highly recommended for anyone looking for custom, quality rings.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-elegant-brunette-woman-cream-silk_158595-946.jpg" },
|
||||
]}
|
||||
title="Royal Client Experiences"
|
||||
description="See why connoisseurs choose Royaltick Jewelry for their custom pieces."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long for custom work?",
|
||||
content: "Custom pieces generally take 3-4 weeks from design to finish.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are your diamonds real?",
|
||||
content: "Yes, we use 100% natural, high-grade diamonds with certification.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you ship worldwide?",
|
||||
content: "We offer insured, trackable shipping to clients globally.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "How long for custom work?", content: "Custom pieces generally take 3-4 weeks from design to finish." },
|
||||
{ id: "f2", title: "Are your diamonds real?", content: "Yes, we use 100% natural, high-grade diamonds with certification." },
|
||||
{ id: "f3", title: "Do you ship worldwide?", content: "We offer insured, trackable shipping to clients globally." },
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Get in touch"
|
||||
title="Start your custom piece today"
|
||||
description="Ready to design your dream jewelry? Speak with our master jewelers today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Design",
|
||||
href: "mailto:royaltick@jewelry.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get in touch"
|
||||
title="Start your custom piece today"
|
||||
description="Ready to design your dream jewelry? Speak with our master jewelers today."
|
||||
buttons={[{ text: "Start Design", href: "mailto:royaltick@jewelry.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Custom Design",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Royaltick Jewelry"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "Shop", href: "#products" },
|
||||
{ label: "Custom Design", href: "#" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Royaltick Jewelry"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user