Merge version_4 into main

Merge version_4 into main

src/app/lighting-control/page.tsx

@@ -0,0 +1,94 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import LegalSection from '@/components/legal/LegalSection';
+import { Camera, Image, Instagram } from "lucide-react";
+
+export default function LightingControlPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-shift"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="smallMedium"
+        sizing="mediumLarge"
+        background="fluid"
+        cardStyle="inset"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="solid"
+        headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/#hero" },
+              { name: "About", id: "/#about" },
+              { name: "Collections", id: "/#collections" },
+              { name: "Lookbook", id: "/#lookbook" },
+              { name: "Lighting Control", id: "/lighting-control" },
+              { name: "Testimonials", id: "/#testimonials" },
+              { name: "FAQ", id: "/#faq" },
+              { name: "Contact", id: "/#contact" }
+            ]}
+            button={{ text: "Shop Now", href: "/#collections" }}
+            brandName="Avant-Garde Atelier"
+          />
+        </div>
+
+        <div id="main-content">
+          <LegalSection
+            layout="page"
+            title="Comprehensive Lighting Control System Specifications"
+            subtitle="Detailed specifications for light type selection, adjustment, and environment presets."
+            sections={[
+              {
+                heading: "1. Light Type Selection",                content: [
+                  { type: "list", items: [
+                    "Directional Lights: Simulate sunlight or stage lights, emitting parallel rays from a distant source.",                    "Point Lights: Emit light uniformly in all directions from a single point, ideal for bare bulbs or glowing objects.",                    "Spot Lights: Emit light in a cone shape, allowing for focused illumination and highlighting specific areas.",                    "Area Lights: Simulate large light sources with soft shadows, such as window light or large softboxes."
+                  ]}
+                ]
+              },
+              {
+                heading: "2. Intensity & Color Adjustment",                content: [
+                  { type: "list", items: [
+                    "Intensity Control: Granular control over brightness levels, adjustable from 0% to 100%.",                    "Color Temperature: Seamless adjustment across a spectrum from warm (2700K) to cool (6500K) white light.",                    "Full RGB/RGBA Support: Enables precise color selection and dynamic color-changing effects for creative scenarios."
+                  ]}
+                ]
+              },
+              {
+                heading: "3. Position & Angle Controls",                content: [
+                  { type: "list", items: [
+                    "X, Y, Z Coordinates: Precise placement of light sources within the 3D environment.",                    "Rotation/Orientation: Adjustable rotational controls to set the direction and spread of directional and spot lights.",                    "Beam Angle: For spot lights, fine-tune the cone's width to control light spread and focus."
+                  ]}
+                ]
+              },
+              {
+                heading: "4. Pre-set Lighting Environments",                content: [
+                  { type: "list", items: [
+                    "Studio Lighting: Balanced and even illumination optimized for product photography and portraiture.",                    "Outdoor Daylight: Realistic simulation of various times of day, including sun position, intensity, and sky color.",                    "Dramatic Night: Low-key lighting with stark contrasts and atmospheric effects, perfect for moody scenes.",                    "Dynamic Stage: Pre-configured and customizable rapid changes in light, color, and patterns for live event simulations."
+                  ]}
+                ]
+              }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Avant-Garde Atelier"
+            copyrightText="© 2024 Avant-Garde Atelier. All Rights Reserved."
+            socialLinks={[
+              { icon: Instagram, href: "https://instagram.com/avantgardeatelier", ariaLabel: "Instagram" },
+              { icon: Camera, href: "https://tiktok.com/@avantgardeatelier", ariaLabel: "TikTok" },
+              { icon: Image, href: "https://pinterest.com/avantgardeatelier", ariaLabel: "Pinterest" }
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -22,7 +22,7 @@ export default function LandingPage() {
         borderRadius="rounded"
         contentWidth="smallMedium"
         sizing="mediumLarge"
-        background="fluid"
+        background="none"
         cardStyle="inset"
         primaryButtonStyle="gradient"
         secondaryButtonStyle="solid"