diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx index 05a701c..8de576d 100644 --- a/src/components/Layout.tsx +++ b/src/components/Layout.tsx @@ -10,38 +10,38 @@ export default function Layout() {
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index 7792c98..cceae4d 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -1,149 +1,39 @@ -import { Leaf, Droplets, Sprout, Wind, Globe, Truck, Package } from "lucide-react"; +// AUTO-GENERATED shell by per-section-migrate. +// Section bodies live in .//sections/.tsx. Edit the section +// files directly. Non-block content (wrappers, non-inlinable sections) is +// preserved inline; extracted section blocks become refs. + import { StyleProvider } from "@/components/ui/StyleProvider"; import SiteBackgroundSlot from "@/components/ui/SiteBackgroundSlot"; -import HeroBillboardBrand from "@/components/sections/hero/HeroBillboardBrand"; -import AboutTextSplit from "@/components/sections/about/AboutTextSplit"; -import ProductMediaCards from "@/components/sections/product/ProductMediaCards"; -import FeaturesBento from "@/components/sections/features/FeaturesBento"; -import TestimonialTrustCard from "@/components/sections/testimonial/TestimonialTrustCard"; -import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia"; -import ContactCenter from "@/components/sections/contact/ContactCenter"; +import React from 'react'; +import HeroSection from './HomePage/sections/Hero'; +import AboutSection from './HomePage/sections/About'; +import ProductsSection from './HomePage/sections/Products'; +import BenefitsSection from './HomePage/sections/Benefits'; +import ReviewsSection from './HomePage/sections/Reviews'; +import FaqSection from './HomePage/sections/Faq'; +import ContactSection from './HomePage/sections/Contact'; -export default function HomePage() { +export default function HomePage(): React.JSX.Element { return ( -
- -
+ -
- -
+ -
- -
+ -
- -
+ -
- -
+ -
- -
+ -
- -
+ diff --git a/src/pages/HomePage/sections/About.tsx b/src/pages/HomePage/sections/About.tsx new file mode 100644 index 0000000..6b3e14d --- /dev/null +++ b/src/pages/HomePage/sections/About.tsx @@ -0,0 +1,17 @@ +// 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 AboutTextSplit from "@/components/sections/about/AboutTextSplit"; + +export default function AboutSection(): React.JSX.Element { + return ( +
+ +
+ ); +} diff --git a/src/pages/HomePage/sections/Benefits.tsx b/src/pages/HomePage/sections/Benefits.tsx new file mode 100644 index 0000000..5a93485 --- /dev/null +++ b/src/pages/HomePage/sections/Benefits.tsx @@ -0,0 +1,19 @@ +// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this +// file as the canonical source for the "benefits" section. + +import React from 'react'; +import { Leaf, Droplets, Sprout, Wind, Globe, Truck, Package } from "lucide-react"; +import FeaturesBento from "@/components/sections/features/FeaturesBento"; + +export default function BenefitsSection(): React.JSX.Element { + return ( +
+ +
+ ); +} diff --git a/src/pages/HomePage/sections/Contact.tsx b/src/pages/HomePage/sections/Contact.tsx new file mode 100644 index 0000000..9efc4e6 --- /dev/null +++ b/src/pages/HomePage/sections/Contact.tsx @@ -0,0 +1,19 @@ +// 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 ContactCenter from "@/components/sections/contact/ContactCenter"; + +export default function ContactSection(): React.JSX.Element { + return ( +
+ +
+ ); +} diff --git a/src/pages/HomePage/sections/Faq.tsx b/src/pages/HomePage/sections/Faq.tsx new file mode 100644 index 0000000..6ac33e7 --- /dev/null +++ b/src/pages/HomePage/sections/Faq.tsx @@ -0,0 +1,36 @@ +// 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 FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia"; + +export default function FaqSection(): React.JSX.Element { + return ( +
+ +
+ ); +} diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx new file mode 100644 index 0000000..b547b6e --- /dev/null +++ b/src/pages/HomePage/sections/Hero.tsx @@ -0,0 +1,88 @@ +/* eslint-disable */ +// @ts-nocheck — generated by catalog-eject; runtime-correct but TS strict-mode false-positives on inlined catalog body +import Button from "@/components/ui/Button"; +import HeroBackgroundSlot from "@/components/ui/HeroBackgroundSlot"; +import TextAnimation from "@/components/ui/TextAnimation"; +import ImageOrVideo from "@/components/ui/ImageOrVideo"; +import AutoFillText from "@/components/ui/AutoFillText"; +import ScrollReveal from "@/components/ui/ScrollReveal"; + +const primaryButton = { + text: "Call Us", + href: "tel:5551234567" +}; +const secondaryButton = { + text: "Email Us", + href: "mailto:hello@lumine.com" +}; + +type HeroBillboardBrandProps = { + brand: string; + description: string; + primaryButton: { text: string; href: string }; + secondaryButton: { text: string; href: string }; +} & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never }); + +const HeroInline = () => { + return ( +
+
+ Luxury Beauty +
+
+ +
+

+ IMORA +

+
+ +
+

+ BEAUTY WITHOUT LIMITS +

+

+ Discover curated luxury cosmetics, skincare, and beauty essentials designed to celebrate confidence, individuality, and self-expression. +

+ + +
+ +
+
+ {[...Array(4)].map((_, i) => ( + + ✨ Luxury Beauty • Makeup Essentials • Glow Beyond Limits • Beauty For Every Shade • Curated With Love + + ))} +
+
+ +