Compare commits
2 Commits
version_1_
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
| 0b26de0429 | |||
|
|
21d88d72ee |
@@ -1,4 +1,4 @@
|
||||
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&display=swap');
|
||||
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Inter+Tight:wght@400;500;600;700&display=swap');
|
||||
@import "tailwindcss";
|
||||
@import "./styles/masks.css";
|
||||
@import "./styles/animations.css";
|
||||
@@ -88,7 +88,7 @@
|
||||
--color-background-accent: var(--background-accent);
|
||||
|
||||
/* Fonts */
|
||||
--font-sans: 'Inter Tight', sans-serif;
|
||||
--font-sans: 'Playfair Display', serif;
|
||||
--font-tight: "Inter Tight", sans-serif;
|
||||
--font-mono: monospace;
|
||||
|
||||
|
||||
@@ -1,263 +1,36 @@
|
||||
import AboutText from '@/components/sections/about/AboutText';
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import FaqSimple from '@/components/sections/faq/FaqSimple';
|
||||
import FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps';
|
||||
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
|
||||
import HeroBillboardTiltedCarousel from '@/components/sections/hero/HeroBillboardTiltedCarousel';
|
||||
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
|
||||
import TestimonialOverlayCards from '@/components/sections/testimonial/TestimonialOverlayCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
// AUTO-GENERATED shell by per-section-migrate.
|
||||
// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
|
||||
// files directly. Non-block content (wrappers, non-inlinable sections) is
|
||||
// preserved inline; extracted section blocks become <XSection/> refs.
|
||||
|
||||
export default function HomePage() {
|
||||
import React from 'react';
|
||||
import HeroSection from './HomePage/sections/Hero';
|
||||
import AboutSection from './HomePage/sections/About';
|
||||
import FeaturesSection from './HomePage/sections/Features';
|
||||
import ProductsSection from './HomePage/sections/Products';
|
||||
import SocialProofSection from './HomePage/sections/SocialProof';
|
||||
import TestimonialsSection from './HomePage/sections/Testimonials';
|
||||
import FaqSection from './HomePage/sections/Faq';
|
||||
import ContactSection from './HomePage/sections/Contact';
|
||||
|
||||
export default function HomePage(): React.JSX.Element {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBillboardTiltedCarousel
|
||||
tag="LUXURY REDEFINED"
|
||||
title="Timeless Elegance, Crafted in Light"
|
||||
description="Exquisite jewelry for those who radiate. Each piece tells a story of master artistry, ethical sourcing, and timeless beauty designed to elevate your most precious moments."
|
||||
primaryButton={{
|
||||
text: "Discover the Collection",
|
||||
href: "#products",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Our Heritage",
|
||||
href: "#about",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-engagement-ring-with-diamonds_23-2149509241.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/explosion-blue-green-dust-black-background_23-2148054346.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-gold-chains-book_23-2149836444.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expensive-golden-ring-displayed-rocks_23-2150347065.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-engagement-ring-with-diamonds_23-2149509249.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-s-hand-with-stylish-watch-sleeve_8353-10475.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<>
|
||||
<HeroSection />
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutText
|
||||
title="At Lumina, we believe every piece of jewelry is an heirloom in the making. Our journey began with a singular passion for perfection, blending traditional techniques with modern, ethically-sourced materials to create pieces that transcend generations."
|
||||
primaryButton={{
|
||||
text: "Learn Our History",
|
||||
href: "#about",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<AboutSection />
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesDetailedSteps
|
||||
tag="OUR ARTISAN PROCESS"
|
||||
title="Craftsmanship Beyond Perfection"
|
||||
description="From raw stone to polished masterpiece, every step in our studio is intentional, precise, and deeply respectful of the beauty we create."
|
||||
steps={[
|
||||
{
|
||||
tag: "01",
|
||||
title: "Curation",
|
||||
subtitle: "Ethical Sourcing",
|
||||
description: "We hand-select only the finest GIA-certified diamonds and conflict-free gemstones.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jewelry-maker-working-alone-atelier_23-2149025947.jpg",
|
||||
},
|
||||
{
|
||||
tag: "02",
|
||||
title: "Design",
|
||||
subtitle: "Visionary Sketches",
|
||||
description: "Our master designers draw inspiration from organic forms and classical architectures.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seller-shows-client-exclusive-men-s-watch-standing-open-showcase-luxury-jewelry-store_613910-20411.jpg",
|
||||
},
|
||||
{
|
||||
tag: "03",
|
||||
title: "Creation",
|
||||
subtitle: "Master Polishing",
|
||||
description: "Hand-set by experts in our private studio, every piece is polished to emit maximum brilliance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-craftswoman-using-blow-torch_107420-65238.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<FeaturesSection />
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<SectionErrorBoundary name="products">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="CURATED COLLECTIONS"
|
||||
title="Exquisite Statement Pieces"
|
||||
description="Explore our limited-run jewelry suites designed for the modern luminary."
|
||||
items={[
|
||||
{
|
||||
title: "Diamond Halo Rings",
|
||||
description: "Radiant center stones surrounded by precision-set brilliance.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-transparent-glass_23-2150329681.jpg",
|
||||
},
|
||||
{
|
||||
title: "Gold Earrings",
|
||||
description: "Sculptural gold pieces that frame your radiance.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expensive-golden-ring-with-white-powder-background_23-2150347035.jpg",
|
||||
},
|
||||
{
|
||||
title: "Sapphire Bracelets",
|
||||
description: "Deep blue luxury for everyday brilliance.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-female-with-afro-hairstyle-enjoys-coffee-break-cafeteria-notices-someone-looks-thoughtfully-away_273609-3190.jpg",
|
||||
},
|
||||
{
|
||||
title: "Luxury Brooches",
|
||||
description: "Vintage-inspired art for the modern lapel.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-silver-tin-can_23-2148785202.jpg",
|
||||
},
|
||||
{
|
||||
title: "Cuff Bracelets",
|
||||
description: "Bold, minimalist gold arm candy.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-is-putting-his-watch-wrist_8353-10192.jpg",
|
||||
},
|
||||
{
|
||||
title: "Tennis Necklaces",
|
||||
description: "Flowing rivers of diamond light.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-talking-phone_23-2149105406.jpg",
|
||||
},
|
||||
{
|
||||
title: "Pearl Collections",
|
||||
description: "Timeless luster, re-imagined for today.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-venus-bust-with-pearls_23-2148229276.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ProductsSection />
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SectionErrorBoundary name="social-proof">
|
||||
<SocialProofMarquee
|
||||
tag="FEATURED IN"
|
||||
title="Recognized for Artistry"
|
||||
description="Lumina Jewels is proudly featured in top-tier global editorial publications."
|
||||
names={[
|
||||
"VOGUE",
|
||||
"HARPER'S BAZAAR",
|
||||
"ELLE",
|
||||
"TATLER",
|
||||
"THE CUT",
|
||||
"W MAGAZINE",
|
||||
"GRAZIA",
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<SocialProofSection />
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialOverlayCards
|
||||
tag="CLIENT STORIES"
|
||||
title="A Lifetime of Brilliance"
|
||||
description="Join our community of collectors who value quality and emotional connection."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Elena Vance",
|
||||
role: "Creative Director",
|
||||
company: "Vogue Italy",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-caucasian-brunette-woman-with-red-lipstick-black-holding-glass-booze-indoors-party-concept_197531-32091.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marcus Thorne",
|
||||
role: "Entrepreneur",
|
||||
company: "Tech Innovators",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bride-kissing-her-boyfriend-s-neck_1153-1309.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah Jenkins",
|
||||
role: "Gallery Curator",
|
||||
company: "Modern Art House",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-orange-clothes-sunset-brick-wall_343596-7097.jpg",
|
||||
},
|
||||
{
|
||||
name: "Priya Sharma",
|
||||
role: "Architect",
|
||||
company: "Sharma Design",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-rich-woman-with-luxurious-jewelry_23-2149548531.jpg",
|
||||
},
|
||||
{
|
||||
name: "Chloe Devereux",
|
||||
role: "Socialite",
|
||||
company: "Devereux Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blonde-lady-stylish-white-silk-dress-checkered-jacket-pearl-necklace-gently-touching-neck-posing-city-square_197531-23182.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<TestimonialsSection />
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSimple
|
||||
tag="HELP CENTER"
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about purchasing, sourcing, and care."
|
||||
items={[
|
||||
{
|
||||
question: "Are your diamonds ethically sourced?",
|
||||
answer: "Yes, we prioritize transparent, conflict-free sourcing from trusted international suppliers.",
|
||||
},
|
||||
{
|
||||
question: "Do you provide custom jewelry services?",
|
||||
answer: "We specialize in bespoke design consultations. Contact us for a private appointment.",
|
||||
},
|
||||
{
|
||||
question: "What is your warranty policy?",
|
||||
answer: "We offer a lifetime warranty against manufacturing defects on all our signature pieces.",
|
||||
},
|
||||
{
|
||||
question: "How should I care for my jewelry?",
|
||||
answer: "Detailed care instructions are provided with every purchase to ensure lasting shine.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<FaqSection />
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="START YOUR JOURNEY"
|
||||
text="Get Your Custom Website Today"
|
||||
primaryButton={{
|
||||
text: "Contact Us Now",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Book Appointment",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ContactSection />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
22
src/pages/HomePage/sections/About.tsx
Normal file
22
src/pages/HomePage/sections/About.tsx
Normal file
@@ -0,0 +1,22 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "about" section.
|
||||
|
||||
import React from 'react';
|
||||
import AboutText from '@/components/sections/about/AboutText';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function AboutSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutText
|
||||
title="At Lumina, we believe every piece of jewelry is an heirloom in the making. Our journey began with a singular passion for perfection, blending traditional techniques with modern, ethically-sourced materials to create pieces that transcend generations."
|
||||
primaryButton={{
|
||||
text: "Learn Our History",
|
||||
href: "#about",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
27
src/pages/HomePage/sections/Contact.tsx
Normal file
27
src/pages/HomePage/sections/Contact.tsx
Normal file
@@ -0,0 +1,27 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "contact" section.
|
||||
|
||||
import React from 'react';
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function ContactSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="START YOUR JOURNEY"
|
||||
text="Get Your Custom Website Today"
|
||||
primaryButton={{
|
||||
text: "Contact Us Now",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Book Appointment",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
38
src/pages/HomePage/sections/Faq.tsx
Normal file
38
src/pages/HomePage/sections/Faq.tsx
Normal file
@@ -0,0 +1,38 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "faq" section.
|
||||
|
||||
import React from 'react';
|
||||
import FaqSimple from '@/components/sections/faq/FaqSimple';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function FaqSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSimple
|
||||
tag="HELP CENTER"
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about purchasing, sourcing, and care."
|
||||
items={[
|
||||
{
|
||||
question: "Are your diamonds ethically sourced?",
|
||||
answer: "Yes, we prioritize transparent, conflict-free sourcing from trusted international suppliers.",
|
||||
},
|
||||
{
|
||||
question: "Do you provide custom jewelry services?",
|
||||
answer: "We specialize in bespoke design consultations. Contact us for a private appointment.",
|
||||
},
|
||||
{
|
||||
question: "What is your warranty policy?",
|
||||
answer: "We offer a lifetime warranty against manufacturing defects on all our signature pieces.",
|
||||
},
|
||||
{
|
||||
question: "How should I care for my jewelry?",
|
||||
answer: "Detailed care instructions are provided with every purchase to ensure lasting shine.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
43
src/pages/HomePage/sections/Features.tsx
Normal file
43
src/pages/HomePage/sections/Features.tsx
Normal file
@@ -0,0 +1,43 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "features" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function FeaturesSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesDetailedSteps
|
||||
tag="OUR ARTISAN PROCESS"
|
||||
title="Craftsmanship Beyond Perfection"
|
||||
description="From raw stone to polished masterpiece, every step in our studio is intentional, precise, and deeply respectful of the beauty we create."
|
||||
steps={[
|
||||
{
|
||||
tag: "01",
|
||||
title: "Curation",
|
||||
subtitle: "Ethical Sourcing",
|
||||
description: "We hand-select only the finest GIA-certified diamonds and conflict-free gemstones.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/jewelry-maker-working-alone-atelier_23-2149025947.jpg",
|
||||
},
|
||||
{
|
||||
tag: "02",
|
||||
title: "Design",
|
||||
subtitle: "Visionary Sketches",
|
||||
description: "Our master designers draw inspiration from organic forms and classical architectures.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/seller-shows-client-exclusive-men-s-watch-standing-open-showcase-luxury-jewelry-store_613910-20411.jpg",
|
||||
},
|
||||
{
|
||||
tag: "03",
|
||||
title: "Creation",
|
||||
subtitle: "Master Polishing",
|
||||
description: "Hand-set by experts in our private studio, every piece is polished to emit maximum brilliance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-craftswoman-using-blow-torch_107420-65238.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
45
src/pages/HomePage/sections/Hero.tsx
Normal file
45
src/pages/HomePage/sections/Hero.tsx
Normal file
@@ -0,0 +1,45 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "hero" section.
|
||||
|
||||
import React from 'react';
|
||||
import HeroBillboardTiltedCarousel from '@/components/sections/hero/HeroBillboardTiltedCarousel';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function HeroSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBillboardTiltedCarousel
|
||||
tag="LUMINA JEWELS"
|
||||
title="ETERNAL LIGHT"
|
||||
description="Crafted for those who shine brighter. Each piece tells a story of master artistry, ethical sourcing, and timeless beauty designed to elevate your most precious moments."
|
||||
primaryButton={{"text":"Discover Timeless Beauty","href":"#products"}}
|
||||
secondaryButton={{
|
||||
text: "Our Heritage",
|
||||
href: "#about",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-engagement-ring-with-diamonds_23-2149509241.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/explosion-blue-green-dust-black-background_23-2148054346.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-gold-chains-book_23-2149836444.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expensive-golden-ring-displayed-rocks_23-2150347065.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-engagement-ring-with-diamonds_23-2149509249.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-s-hand-with-stylish-watch-sleeve_8353-10475.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
64
src/pages/HomePage/sections/Products.tsx
Normal file
64
src/pages/HomePage/sections/Products.tsx
Normal file
@@ -0,0 +1,64 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "products" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function ProductsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="products" data-section="products">
|
||||
<SectionErrorBoundary name="products">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="CURATED COLLECTIONS"
|
||||
title="Exquisite Statement Pieces"
|
||||
description="Explore our limited-run jewelry suites designed for the modern luminary."
|
||||
items={[
|
||||
{
|
||||
title: "Diamond Halo Rings",
|
||||
description: "Radiant center stones surrounded by precision-set brilliance.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-transparent-glass_23-2150329681.jpg",
|
||||
},
|
||||
{
|
||||
title: "Gold Earrings",
|
||||
description: "Sculptural gold pieces that frame your radiance.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expensive-golden-ring-with-white-powder-background_23-2150347035.jpg",
|
||||
},
|
||||
{
|
||||
title: "Sapphire Bracelets",
|
||||
description: "Deep blue luxury for everyday brilliance.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-female-with-afro-hairstyle-enjoys-coffee-break-cafeteria-notices-someone-looks-thoughtfully-away_273609-3190.jpg",
|
||||
},
|
||||
{
|
||||
title: "Luxury Brooches",
|
||||
description: "Vintage-inspired art for the modern lapel.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-silver-tin-can_23-2148785202.jpg",
|
||||
},
|
||||
{
|
||||
title: "Cuff Bracelets",
|
||||
description: "Bold, minimalist gold arm candy.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-is-putting-his-watch-wrist_8353-10192.jpg",
|
||||
},
|
||||
{
|
||||
title: "Tennis Necklaces",
|
||||
description: "Flowing rivers of diamond light.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-talking-phone_23-2149105406.jpg",
|
||||
},
|
||||
{
|
||||
title: "Pearl Collections",
|
||||
description: "Timeless luster, re-imagined for today.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-venus-bust-with-pearls_23-2148229276.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
29
src/pages/HomePage/sections/SocialProof.tsx
Normal file
29
src/pages/HomePage/sections/SocialProof.tsx
Normal file
@@ -0,0 +1,29 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "social-proof" section.
|
||||
|
||||
import React from 'react';
|
||||
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function SocialProofSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SectionErrorBoundary name="social-proof">
|
||||
<SocialProofMarquee
|
||||
tag="FEATURED IN"
|
||||
title="Recognized for Artistry"
|
||||
description="Lumina Jewels is proudly featured in top-tier global editorial publications."
|
||||
names={[
|
||||
"VOGUE",
|
||||
"HARPER'S BAZAAR",
|
||||
"ELLE",
|
||||
"TATLER",
|
||||
"THE CUT",
|
||||
"W MAGAZINE",
|
||||
"GRAZIA",
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
57
src/pages/HomePage/sections/Testimonials.tsx
Normal file
57
src/pages/HomePage/sections/Testimonials.tsx
Normal file
@@ -0,0 +1,57 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "testimonials" section.
|
||||
|
||||
import React from 'react';
|
||||
import TestimonialOverlayCards from '@/components/sections/testimonial/TestimonialOverlayCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function TestimonialsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialOverlayCards
|
||||
tag="CLIENT STORIES"
|
||||
title="A Lifetime of Brilliance"
|
||||
description="Join our community of collectors who value quality and emotional connection."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Elena Vance",
|
||||
role: "Creative Director",
|
||||
company: "Vogue Italy",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-caucasian-brunette-woman-with-red-lipstick-black-holding-glass-booze-indoors-party-concept_197531-32091.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marcus Thorne",
|
||||
role: "Entrepreneur",
|
||||
company: "Tech Innovators",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bride-kissing-her-boyfriend-s-neck_1153-1309.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah Jenkins",
|
||||
role: "Gallery Curator",
|
||||
company: "Modern Art House",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-orange-clothes-sunset-brick-wall_343596-7097.jpg",
|
||||
},
|
||||
{
|
||||
name: "Priya Sharma",
|
||||
role: "Architect",
|
||||
company: "Sharma Design",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-rich-woman-with-luxurious-jewelry_23-2149548531.jpg",
|
||||
},
|
||||
{
|
||||
name: "Chloe Devereux",
|
||||
role: "Socialite",
|
||||
company: "Devereux Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blonde-lady-stylish-white-silk-dress-checkered-jacket-pearl-necklace-gently-touching-neck-posing-city-square_197531-23182.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user