Merge version_6 into main

Merge version_6 into main

src/app/page.tsx

@@ -6,13 +6,13 @@ import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
 import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
 import ProductCardOne from "@/components/sections/product/ProductCardOne";
 import FeatureBento from "@/components/sections/feature/FeatureBento";
-import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
-import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
-import ContactSplit from "@/components/sections/contact/ContactSplit";
-import FooterMedia from "@/components/sections/footer/FooterMedia";
-import { Mail, Leaf, Droplet, Sprout, Wind, MessageSquare } from "lucide-react";
+import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
+import FaqDouble from "@/components/sections/faq/FaqDouble";
+import ContactText from "@/components/sections/contact/ContactText";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
+import { Leaf, Droplet, Sprout, Wind } from "lucide-react";
 
-export default function SkincareTemplatePage() {
+export default function DamiriLondonPage() {
     return (
         <ThemeProvider
             defaultButtonVariant="hover-bubble"
@@ -28,12 +28,12 @@ export default function SkincareTemplatePage() {
         >
             <div id="nav" data-section="nav">
                 <NavbarStyleCentered
-                    brandName="Luminé Skincare"
+                    brandName="Damiri London"
                     navItems={[
-                        { name: "Moisturizers", id: "products" },
-                        { name: "Serums", id: "products" },
-                        { name: "Masks", id: "products" },
+                        { name: "Products", id: "products" },
                         { name: "About", id: "about" },
+                        { name: "Reviews", id: "reviews" },
+                        { name: "FAQ", id: "faq" },
                         { name: "Contact", id: "contact" }
                     ]}
                     button={{ text: "Shop Now", href: "#products" }}
@@ -42,15 +42,15 @@ export default function SkincareTemplatePage() {
 
             <div id="hero" data-section="hero">
                 <HeroLogoBillboard
-                    logoText="Luminé"
-                    description="Pure, natural skincare formulated for radiant, healthy skin. Discover the power of botanical ingredients and scientific innovation."
+                    logoText="Damiri London"
+                    description="Experience the power of clinically proven botanical skincare designed to revitalize your complexion and build a foundation of natural beauty."
                     background={{ variant: "sparkles-gradient" }}
-                    imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/hero.webp?_wi=1"
-                    imageAlt="Luxury skincare products with natural ingredients"
+                    imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D11Rg579V6sYrCNqCebSFIPLBV/uploaded-1777434946541-bc64pqkz.jpg?_wi=1"
+                    imageAlt="Damiri London Logo"
                     frameStyle="card"
                     buttons={[
                         { text: "Shop Now", href: "#products" },
-                        { text: "Learn More", href: "#about" }
+                        { text: "Our Story", href: "#about" }
                     ]}
                     mediaAnimation="slide-up"
                 />
@@ -59,32 +59,23 @@ export default function SkincareTemplatePage() {
             <div id="about" data-section="about">
                 <InlineImageSplitTextAbout
                     heading={[
-                        { type: "text", content: "Crafted with care and precision using nature's finest elements and cutting-edge skincare science to deliver exceptional results for your skin" },
-                        { type: "image", src: "https://img.b2bpic.net/free-photo/make-up-brushes-pile-wild-flowers-wooden-background_482257-9797.jpg", alt: "Natural ingredients" },
-                        { type: "text", content: "" }
+                        { type: "text", content: "Damiri London represents the pinnacle of contemporary fashion, blending timeless silhouettes with modern luxury materials for the conscious consumer." },
+                        { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D11Rg579V6sYrCNqCebSFIPLBV/uploaded-1777434946541-bc64pqkz.jpg", alt: "Damiri London" }
                     ]}
                     buttonAnimation="blur-reveal"
                     useInvertedBackground={true}
-                    buttons={[
-                        { text: "Learn More", href: "#benefits" }
-                    ]}
+                    buttons={[{ text: "Explore Collection", href: "#products" }]}
                 />
             </div>
 
             <div id="products" data-section="products">
                 <ProductCardOne
-                    title="Our Signature Collection"
-                    description="Discover our carefully curated skincare essentials designed to nourish and revitalize your skin. Worldwide shipping available."
+                    title="New Arrivals"
+                    description="Explore our latest seasonal drops, crafted with premium fabrics and tailored to perfection."
                     products={[
-                        {
-                            id: "1", name: "Hydrating Moisturizer", price: "$68", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image2.webp", imageAlt: "Hydrating Moisturizer bottle"
-                        },
-                        {
-                            id: "2", name: "Radiance Serum", price: "$85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image3.webp", imageAlt: "Radiance Serum bottle"
-                        },
-                        {
-                            id: "3", name: "Purifying Face Mask", price: "$52", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image1.webp", imageAlt: "Purifying Face Mask jar"
-                        }
+                        { id: "p1", name: "Signature Hoodie", price: "£120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D11Rg579V6sYrCNqCebSFIPLBV/uploaded-1777434946541-bc64pqkz.jpg?_wi=2" },
+                        { id: "p2", name: "Essential Tee", price: "£45", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D11Rg579V6sYrCNqCebSFIPLBV/uploaded-1777434946541-bc64pqkz.jpg?_wi=3" },
+                        { id: "p3", name: "Tailored Jacket", price: "£250", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D11Rg579V6sYrCNqCebSFIPLBV/uploaded-1777434946541-bc64pqkz.jpg?_wi=4" }
                     ]}
                     gridVariant="three-columns-all-equal-width"
                     animationType="slide-up"
@@ -95,23 +86,12 @@ export default function SkincareTemplatePage() {
 
             <div id="benefits" data-section="benefits">
                 <FeatureBento
-                    title="Why Choose Luminé"
-                    description="Scientifically-formulated skincare products that deliver visible results with natural, sustainable ingredients. Available for worldwide shipping."
+                    title="Quality First"
+                    description="Every piece is manufactured with attention to detail and sustainable practices at the heart of everything we do."
                     features={[
-                        {
-                            title: "Worldwide Shipping", description: "Fast and reliable delivery to over 150 countries worldwide", bentoComponent: "globe"
-                        },
-                        {
-                            title: "Clinically Proven", description: "Dermatologist-tested and proven effective in clinical trials", bentoComponent: "line-chart"
-                        },
-                        {
-                            title: "Sustainable", description: "Eco-conscious packaging and ethical sourcing practices", bentoComponent: "orbiting-icons", centerIcon: Leaf,
-                            items: [
-                                { icon: Droplet, ring: 1 },
-                                { icon: Sprout, ring: 2 },
-                                { icon: Wind, ring: 3 }
-                            ]
-                        }
+                        { title: "Premium Materials", description: "Ethically sourced, high-quality fabrics.", bentoComponent: "globe" },
+                        { title: "Tailored Fit", description: "Precise cuts for the perfect look.", bentoComponent: "line-chart" },
+                        { title: "Sustainable", description: "Eco-conscious production standards.", bentoComponent: "orbiting-icons", centerIcon: Leaf, items: [{ icon: Droplet, ring: 1 }, { icon: Sprout, ring: 2 }, { icon: Wind, ring: 3 }] }
                     ]}
                     animationType="slide-up"
                     textboxLayout="default"
@@ -120,92 +100,57 @@ export default function SkincareTemplatePage() {
             </div>
 
             <div id="reviews" data-section="reviews">
-                <TestimonialCardFifteen
-                    testimonial="Luminé skincare has completely transformed my routine. My skin feels more radiant and healthy than ever before. I love that it's made with natural ingredients I can trust. Plus, worldwide shipping made it so easy to get my products delivered wherever I am."
-                    rating={5}
-                    author="Sarah Mitchell, Beauty Editor"
-                    avatars={[
-                        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image5.avif", alt: "Sarah Mitchell" },
-                        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image6.avif", alt: "Customer testimonial" },
-                        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image7.avif", alt: "Customer testimonial" },
-                        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image8.avif", alt: "Customer testimonial" }
-                    ]}
-                    ratingAnimation="slide-up"
-                    avatarsAnimation="slide-up"
+                <TestimonialCardThirteen
+                    title="Style Community"
+                    description="Join hundreds of stylish individuals choosing Damiri London for their wardrobe."
+                    showRating={true}
+                    animationType="slide-up"
+                    textboxLayout="default"
                     useInvertedBackground={false}
+                    testimonials={[
+                        { id: "1", name: "Alex P.", handle: "@alexp_london", testimonial: "The quality is unmatched. Best fitting hoodie I own.", rating: 5 },
+                        { id: "2", name: "Jordan R.", handle: "@jordan_style", testimonial: "Damiri London has become my go-to for daily essentials.", rating: 5 }
+                    ]}
                 />
             </div>
 
             <div id="faq" data-section="faq">
-                <FaqSplitMedia
-                    title="Frequently Asked Questions"
-                    description="Everything you need to know about our skincare products, worldwide shipping, and delivery."
+                <FaqDouble
+                    title="Common Questions"
+                    description="Need help finding the right size or tracking your order?"
                     faqs={[
-                        {
-                            id: "1", title: "How long does it take to see results?", content: "Most customers notice visible improvements in skin texture and radiance within 2-4 weeks of consistent use. For more significant results like reduced fine lines or hyperpigmentation, allow 6-8 weeks."
-                        },
-                        {
-                            id: "2", title: "Are your products suitable for sensitive skin?", content: "Yes! All Luminé products are formulated to be gentle and non-irritating. We use natural ingredients and avoid common irritants. We recommend patch testing first if you have very reactive skin."
-                        },
-                        {
-                            id: "3", title: "Do you offer worldwide shipping?", content: "Absolutely! We ship to over 150 countries worldwide. Standard shipping typically takes 7-14 business days depending on your location. Express shipping options are also available for faster delivery."
-                        },
-                        {
-                            id: "4", title: "What is your return policy?", content: "We offer a 60-day satisfaction guarantee on all purchases. If you're not completely happy with your skincare, return it for a full refund or exchange. Worldwide returns are processed efficiently through our international shipping partners."
-                        }
+                        { id: "1", title: "What is your shipping policy?", content: "We ship worldwide via DHL Express with tracking included." },
+                        { id: "2", title: "How do I return items?", content: "Returns are accepted within 30 days of purchase, provided items are unworn and tagged." }
+                    ]}
+                    buttons={[
+                        { text: "Contact Support", href: "#contact" }
                     ]}
-                    imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image4.webp?_wi=1"
-                    imageAlt="Skincare routine and wellness"
-                    mediaPosition="left"
-                    textboxLayout="default"
                     faqsAnimation="slide-up"
-                    mediaAnimation="slide-up"
+                    textboxLayout="default"
                     useInvertedBackground={true}
-                    animationType="smooth"
                 />
             </div>
 
             <div id="contact" data-section="contact">
-                <ContactSplit
-                    tag="Get In Touch"
-                    title="Let's Talk Skincare"
-                    description="Have questions about your skin? Our experts are here to help guide you towards your best glow yet."
-                    tagIcon={MessageSquare}
+                <ContactText
+                    text="Have questions? Reach out to our concierge team at support@damirilondon.com for any inquiries."
+                    background={{ variant: "gradient-bars" }}
                     useInvertedBackground={false}
-                    imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/image4.webp?_wi=2"
-                    imageAlt="Expert beauty consultation"
-                    background={{ variant: "sparkles-gradient" }}
+                    buttons={[{ text: "Contact Us", href: "mailto:support@damirilondon.com" }]}
                 />
             </div>
 
             <div id="footer" data-section="footer">
-                <FooterMedia
-                    logoText="Luminé"
-                    imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare/hero.webp?_wi=2"
+                <FooterBaseReveal
+                    logoText="Damiri London"
                     columns={[
-                        {
-                            title: "Product", items: [
-                                { label: "Moisturizers", href: "#products" },
-                                { label: "Serums", href: "#products" },
-                                { label: "Masks", href: "#products" }
-                            ]
-                        },
-                        {
-                            title: "Company", items: [
-                                { label: "About Us", href: "#about" },
-                                { label: "Sustainability", href: "#about" }
-                            ]
-                        },
-                        {
-                            title: "Support", items: [
-                                { label: "Contact Us", href: "#contact" },
-                                { label: "FAQ", href: "#faq" }
-                            ]
-                        }
+                        { title: "Shop", items: [{ label: "Collections", href: "#products" }] },
+                        { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Returns", href: "#faq" }] },
+                        { title: "Social", items: [{ label: "Instagram", href: "#" }] }
                     ]}
-                    copyrightText="© 2025 Luminé Skincare. All rights reserved."
+                    copyrightText="© 2025 Damiri London. All rights reserved."
                 />
             </div>
         </ThemeProvider>
     );
-}
+}