Compare commits
11 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 2dee70e9e3 | |||
| af1421b99f | |||
| 1395c455a3 | |||
| 5807b5076c | |||
| d3ef3da28d | |||
| f1a3cfd048 | |||
| 14fdbac521 | |||
| bf7c61d739 | |||
| 7f272d0303 | |||
| 4e02dfd471 | |||
| 7a87a60568 |
166
src/app/page.tsx
166
src/app/page.tsx
@@ -2,16 +2,14 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Award, Diamond, Shield } from "lucide-react";
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -36,136 +34,98 @@ export default function LandingPage() {
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Royaltick"
|
||||
button={{ text: "Shop Collections", href: "#products" }}
|
||||
brandName="Royaltick Jewelry"
|
||||
button={{ text: "Shop Now", 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" },
|
||||
<HeroOverlayTestimonial
|
||||
tag="Luxury That Speaks Without Words"
|
||||
title="Royaltick Jewelry - Where Luxury Meets Precision"
|
||||
description="Discover premium watches, pendants & exclusive jewelry crafted for those who value elegance and status."
|
||||
testimonials={[
|
||||
{ name: "Alex P.", handle: "@alex_watches", testimonial: "The craftsmanship is simply unparalleled. Truly elite.", rating: 5 },
|
||||
{ name: "Sarah J.", handle: "@luxury_lifestyler", testimonial: "My custom ring is exactly what I envisioned. Masterpiece!", rating: 5 }
|
||||
]}
|
||||
avatarText="Trusted by 500+ connoisseurs"
|
||||
buttons={[{ text: "Shop Now", href: "#products" }, { text: "Explore Collection", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-watch_53876-32028.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
<MediaAbout
|
||||
title="Our Heritage of Excellence"
|
||||
description="With decades of artisan experience, Royaltick combines traditional jewelry techniques with modern aesthetic precision. Every piece tells a story of status, legacy, and unparalleled quality."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/jeweler-working-shop-with-equipment_23-2150914293.jpg"
|
||||
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
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="split-description"
|
||||
gridVariant="bento-grid"
|
||||
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" },
|
||||
{ id: "p1", brand: "Royaltick", name: "Diamond Watch", price: "$5,499", rating: 5, reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/bright-engagement-gold-shiny-love-macro_1400-32.jpg" },
|
||||
{ id: "p2", brand: "Royaltick", name: "Custom Pendant", price: "$2,299", rating: 5, reviewCount: "28", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-woman-pink-romantic-dress-wearing-necklace_343596-1994.jpg" },
|
||||
{ id: "p3", brand: "Royaltick", name: "Signature Cuban", price: "$3,800", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-golden-lion-ring_246466-29.jpg?_wi=1" },
|
||||
]}
|
||||
title="Our Signature Pieces"
|
||||
description="Browse our hand-manufactured selection of iced-out watches, Cuban chains, and unique custom pendants."
|
||||
title="Signature Collection"
|
||||
description="Curated items for the discerning individual."
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
<FeatureCardSixteen
|
||||
title="Why Choose Royaltick"
|
||||
description="The difference is in the details, materials, and our commitment to you."
|
||||
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="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"
|
||||
positiveCard={{ items: ["Certified 18k Gold", "Authentic Diamond Grading", "Lifetime Polish Warranty"] }}
|
||||
negativeCard={{ items: ["No Mass Production", "No Low-Grade Materials", "No Compromised Finishing"] }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
<ContactSplit
|
||||
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" }]}
|
||||
title="Create Your Legacy"
|
||||
description="Schedule a consultation with our master designers to craft your unique bespoke piece."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-marble_23-2150329646.jpg"
|
||||
mediaPosition="right"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
title="Frequently Asked Questions"
|
||||
description="Common queries about our bespoke jewelry process and services."
|
||||
faqs={[
|
||||
{ id: "1", title: "How do I request a custom piece?", content: "Simply contact our support team through our form and we will guide you through the initial design and stone selection phase." },
|
||||
{ id: "2", title: "Is shipping insured?", content: "Yes, every single order is fully insured and shipped via high-security logistics to ensure your piece arrives safely." }
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</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: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
<FooterBaseReveal
|
||||
logoText="Royaltick Jewelry"
|
||||
columns={[
|
||||
{ title: "Collections", items: [{ label: "Watches", href: "#products" }, { label: "Pendants", href: "#products" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user