Update src/app/services/page.tsx

Update src/app/blog/page.tsx
Add src/app/services/page.tsx
2026-04-02 07:54:37 +00:00 · 2026-04-02 07:54:37 +00:00 · 2026-04-02 07:54:09 +00:00 · 2026-04-02 07:54:09 +00:00 · 2026-04-02 07:54:09 +00:00 · 2026-04-02 07:54:08 +00:00
4 changed files with 192 additions and 93 deletions
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -0,0 +1,52 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import BlogCardThree from '@/components/sections/blog/BlogCardThree';
+
+export default function BlogPage() {
+  return (
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <NavbarStyleFullscreen
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "Services", id: "/services" },
+                { name: "Lookbook", id: "/blog" },
+                { name: "Contact", id: "/#contact" },
+            ]}
+            brandName="Lumière Atelier"
+        />
+        <div className="pt-32 pb-20">
+            <BlogCardThree 
+                title="Fashion Lookbook & Insights"
+                description="Explore our curated collection of fashion inspiration, design trends, and behind-the-scenes stories."
+                animationType="slide-up"
+                textboxLayout="default"
+                useInvertedBackground={false}
+                blogs={[
+                    { 
+                        id: "1", category: "Inspiration", title: "The Art of Silk Draping", 
+                        excerpt: "Discover the intricate techniques behind our signature silk gown collection.",                        imageSrc: "http://img.b2bpic.net/free-photo/close-up-fashion-woman-portrait-young-pretty-trendy-girl-with-long-curly-hair-with-bright-evening-make-up-wearing-black-dress-high-heels-standing-terrace_343629-57.jpg",                        authorName: "Atelier Team", authorAvatar: "", date: "2025-05-10"
+                    }
+                ]}
+            />
+        </div>
+        <FooterCard logoText="Lumière Atelier" />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
--- a/src/app/gallery/page.tsx
+++ b/src/app/gallery/page.tsx
@@ -0,0 +1,60 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import FooterCard from '@/components/sections/footer/FooterCard';
+
+export default function GalleryPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="icon-arrow"
+        defaultTextAnimation="background-highlight"
+        borderRadius="soft"
+        contentWidth="medium"
+        sizing="largeSmallSizeLargeTitles"
+        background="noiseDiagonalGradient"
+        cardStyle="inset"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="layered"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Gallery", id: "gallery" },
+            ]}
+            brandName="Lumière Atelier"
+          />
+        </div>
+
+        <div id="collection" data-section="collection">
+            <ProductCardFour
+            animationType="slide-up"
+            textboxLayout="split-description"
+            gridVariant="asymmetric-60-wide-40-narrow"
+            useInvertedBackground={false}
+            title="Our Latest Collections"
+            description="Explore our curated gallery of fashion designs, showcasing meticulous craftsmanship, premium materials, and timeless silhouettes from our seasonal ateliers."
+            products={[
+              { id: "1", name: "Midnight Silk Gown", price: "$2,500", variant: "Silk Evening Wear", imageSrc: "http://img.b2bpic.net/free-photo/close-up-fashion-woman-portrait-young-pretty-trendy-girl-with-long-curly-hair-with-bright-evening-make-up-wearing-black-dress-high-heels-standing-terrace_343629-57.jpg" },
+              { id: "2", name: "Velvet Blazer", price: "$1,800", variant: "Formal Wear", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-couch-with-mobile_23-2148415739.jpg" },
+              { id: "3", name: "Signature Scarf", price: "$450", variant: "Accessories", imageSrc: "http://img.b2bpic.net/free-vector/vintage-peony-flowers-background_23-2147902729.jpg" },
+              { id: "4", name: "Modern Tailored Suit", price: "$2,200", variant: "Bespoke", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-suit-posing-black-white_23-2149411392.jpg" }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterCard
+            logoText="Lumière Atelier"
+            copyrightText="© 2025 | Lumière Atelier"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
      <NavbarStyleFullscreen
      navItems={[
        {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "/"},
        {
-          name: "About",
-          id: "about",
-        },
+          name: "Services",          id: "/services"},
        {
-          name: "Collection",
-          id: "collection",
-        },
+          name: "Lookbook",          id: "/blog"},
        {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "#contact"},
      ]}
      brandName="Lumière Atelier"
    />
@@ -52,35 +44,22 @@ export default function LandingPage() {
  <div id="hero" data-section="hero">
      <HeroBillboardCarousel
      background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
      title="Timeless Elegance, Modern Design"
      description="Experience the pinnacle of high fashion with Lumière Atelier. Custom tailoring and luxury designs crafted for the discerning individual."
      mediaItems={[
        {
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-girl-dark-sweater-standing-near-lamps_114579-81891.jpg?_wi=1",
-          imageAlt: "Fashion Model",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-girl-dark-sweater-standing-near-lamps_114579-81891.jpg?_wi=1",          imageAlt: "Fashion Model"},
        {
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-girl-dark-sweater-standing-near-lamps_114579-81891.jpg?_wi=2",
-          imageAlt: "Fashion Model",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-girl-dark-sweater-standing-near-lamps_114579-81891.jpg?_wi=2",          imageAlt: "Fashion Model"},
        {
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-girl-dark-sweater-standing-near-lamps_114579-81891.jpg?_wi=3",
-          imageAlt: "Fashion Model",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-girl-dark-sweater-standing-near-lamps_114579-81891.jpg?_wi=3",          imageAlt: "Fashion Model"},
        {
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-girl-dark-sweater-standing-near-lamps_114579-81891.jpg?_wi=4",
-          imageAlt: "Fashion Model",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-girl-dark-sweater-standing-near-lamps_114579-81891.jpg?_wi=4",          imageAlt: "Fashion Model"},
        {
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-girl-dark-sweater-standing-near-lamps_114579-81891.jpg?_wi=5",
-          imageAlt: "Fashion Model",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-girl-dark-sweater-standing-near-lamps_114579-81891.jpg?_wi=5",          imageAlt: "Fashion Model"},
        {
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-girl-dark-sweater-standing-near-lamps_114579-81891.jpg?_wi=6",
-          imageAlt: "Fashion Model",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-girl-dark-sweater-standing-near-lamps_114579-81891.jpg?_wi=6",          imageAlt: "Fashion Model"},
      ]}
    />
  </div>
@@ -103,32 +82,14 @@ export default function LandingPage() {
      useInvertedBackground={false}
      products={[
        {
-          id: "1",
-          brand: "Lumière",
-          name: "Midnight Silk Gown",
-          price: "$2,500",
-          rating: 5,
-          reviewCount: "12",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-fashion-woman-portrait-young-pretty-trendy-girl-with-long-curly-hair-with-bright-evening-make-up-wearing-black-dress-high-heels-standing-terrace_343629-57.jpg",
-        },
+          id: "1",          brand: "Lumière",          name: "Midnight Silk Gown",          price: "$2,500",          rating: 5,
+          reviewCount: "12",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-fashion-woman-portrait-young-pretty-trendy-girl-with-long-curly-hair-with-bright-evening-make-up-wearing-black-dress-high-heels-standing-terrace_343629-57.jpg"},
        {
-          id: "2",
-          brand: "Lumière",
-          name: "Velvet Tailored Blazer",
-          price: "$1,800",
-          rating: 5,
-          reviewCount: "8",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-couch-with-mobile_23-2148415739.jpg",
-        },
+          id: "2",          brand: "Lumière",          name: "Velvet Tailored Blazer",          price: "$1,800",          rating: 5,
+          reviewCount: "8",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-couch-with-mobile_23-2148415739.jpg"},
        {
-          id: "3",
-          brand: "Lumière",
-          name: "Silk Floral Scarf",
-          price: "$450",
-          rating: 4,
-          reviewCount: "25",
-          imageSrc: "http://img.b2bpic.net/free-vector/vintage-peony-flowers-background_23-2147902729.jpg",
-        },
+          id: "3",          brand: "Lumière",          name: "Silk Floral Scarf",          price: "$450",          rating: 4,
+          reviewCount: "25",          imageSrc: "http://img.b2bpic.net/free-vector/vintage-peony-flowers-background_23-2147902729.jpg"},
      ]}
      title="Our Signature Collection"
      description="Explore our latest season arrivals, meticulously designed for those who appreciate fine detail and premium craftsmanship."
@@ -141,45 +102,15 @@ export default function LandingPage() {
      useInvertedBackground={false}
      testimonials={[
        {
-          id: "1",
-          title: "Incredible Craftsmanship",
-          quote: "The fit and detail are simply unmatched.",
-          name: "Elena Ross",
-          role: "Fashion Editor",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-by-fountain_1303-27904.jpg?_wi=1",
-        },
+          id: "1",          title: "Incredible Craftsmanship",          quote: "The fit and detail are simply unmatched.",          name: "Elena Ross",          role: "Fashion Editor",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-by-fountain_1303-27904.jpg?_wi=1"},
        {
-          id: "2",
-          title: "Stunning Design",
-          quote: "Lumière Atelier makes every occasion feel special.",
-          name: "Mark Stevens",
-          role: "Architect",
-          imageSrc: "http://img.b2bpic.net/free-photo/fashion-street-photo-session-stylish-young-lady-grey-clothes_1328-2181.jpg",
-        },
+          id: "2",          title: "Stunning Design",          quote: "Lumière Atelier makes every occasion feel special.",          name: "Mark Stevens",          role: "Architect",          imageSrc: "http://img.b2bpic.net/free-photo/fashion-street-photo-session-stylish-young-lady-grey-clothes_1328-2181.jpg"},
        {
-          id: "3",
-          title: "Unique Tailoring",
-          quote: "My go-to place for high-end custom attire.",
-          name: "Sarah Miller",
-          role: "Creative Director",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bride-groom-having-their-wedding-with-guests-beach_23-2149043999.jpg",
-        },
+          id: "3",          title: "Unique Tailoring",          quote: "My go-to place for high-end custom attire.",          name: "Sarah Miller",          role: "Creative Director",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bride-groom-having-their-wedding-with-guests-beach_23-2149043999.jpg"},
        {
-          id: "4",
-          title: "Perfect Fit",
-          quote: "The bespoke process was smooth and impressive.",
-          name: "James Bond",
-          role: "Entrepreneur",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-suit-posing-black-white_23-2149411392.jpg",
-        },
+          id: "4",          title: "Perfect Fit",          quote: "The bespoke process was smooth and impressive.",          name: "James Bond",          role: "Entrepreneur",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-suit-posing-black-white_23-2149411392.jpg"},
        {
-          id: "5",
-          title: "Absolute Excellence",
-          quote: "Truly a masterpiece in every stitch.",
-          name: "Clara Vane",
-          role: "Stylist",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-by-fountain_1303-27904.jpg?_wi=2",
-        },
+          id: "5",          title: "Absolute Excellence",          quote: "Truly a masterpiece in every stitch.",          name: "Clara Vane",          role: "Stylist",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-by-fountain_1303-27904.jpg?_wi=2"},
      ]}
      title="Client Experiences"
      description="Hear what our esteemed clients have to say about their experience with Lumière Atelier."
@@ -190,8 +121,7 @@ export default function LandingPage() {
      <ContactSplit
      useInvertedBackground={false}
      background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
      tag="Inquire Now"
      title="Begin Your Bespoke Journey"
      description="Book a private consultation to discuss your vision and let us craft a masterpiece just for you."
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -0,0 +1,57 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
+import { Sparkles, Scissors, Palette } from "lucide-react";
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <NavbarStyleFullscreen
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "Services", id: "/services" },
+                { name: "Lookbook", id: "/blog" },
+                { name: "Contact", id: "/#contact" },
+            ]}
+            brandName="Lumière Atelier"
+        />
+        <div className="pt-32 pb-20">
+            <FeatureCardTwentySix 
+                title="Our Fashion Design Services"
+                description="Exquisite tailoring and visionary design services tailored to your unique style."
+                textboxLayout="split"
+                useInvertedBackground={false}
+                features={[
+                    {
+                        title: "Bespoke Tailoring",                        description: "Custom-fitted garments designed to your exact measurements for a flawless silhouette.",                        buttonIcon: Scissors,
+                    },
+                    {
+                        title: "Personalized Design Consultations",                        description: "Collaborative design sessions to bring your fashion vision to life from sketch to fabric.",                        buttonIcon: Palette,
+                    },
+                    {
+                        title: "Exclusive Fabric Selection",                        description: "Access to premium, high-quality textiles sourced globally for your creations.",                        buttonIcon: Sparkles,
+                    }
+                ]}
+            />
+        </div>
+        <FooterCard logoText="Lumière Atelier" />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
Author	SHA1	Message	Date
bender	501fda0a49	Update src/app/services/page.tsx	2026-04-02 07:54:37 +00:00
bender	8da097be13	Update src/app/blog/page.tsx	2026-04-02 07:54:37 +00:00
bender	4a42817b4f	Add src/app/services/page.tsx	2026-04-02 07:54:09 +00:00
bender	204890feaf	Update src/app/page.tsx	2026-04-02 07:54:09 +00:00
bender	473ab62851	Add src/app/gallery/page.tsx	2026-04-02 07:54:09 +00:00
bender	06fae775c0	Add src/app/blog/page.tsx	2026-04-02 07:54:08 +00:00
bender	ab094b8896	Merge version_1 into main Merge version_1 into main	2026-04-02 07:52:37 +00:00