2 Commits

Author SHA1 Message Date
0b26de0429 Merge version_2_1781416260795 into main
Merge version_2_1781416260795 into main
2026-06-14 05:52:59 +00:00
kudinDmitriyUp
21d88d72ee Bob AI: Update global theme to dark luxury and update hero content 2026-06-14 05:52:19 +00:00
10 changed files with 351 additions and 253 deletions

View File

@@ -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;

View File

@@ -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 />
</>
);
}

View 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>
);
}

View 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>
);
}

View 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>
);
}

View 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>
);
}

View 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>
);
}

View 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>
);
}

View 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>
);
}

View 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>
);
}