Merge version_2 into main

Merge version_2 into main

src/app/blog/page.tsx

@@ -28,7 +28,7 @@ export default function BlogPage() {
                     <NavbarLayoutFloatingOverlay
                         brandName="IndoLor"
                         navItems={[
-                            { name: "Home", id: "/" },
+                            { name: "Home", id: "hero" },
                             { name: "About", id: "about" },
                             { name: "Collections", id: "collections" },
                             { name: "Services", id: "services" },

src/app/page.tsx

@@ -46,7 +46,7 @@ export default function LandingPage() {
           title="Elegant Floral Artistry"
           description="Discover beautifully crafted flower arrangements for every occasion. From weddings to celebrations, IndoLor brings nature's beauty to life."
           tag="Premium Floristry"
-          imageSrc="https://img.b2bpic.net/free-photo/elegant-wedding-bouquet_1157-18562.jpg?_wi=1"
+          videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_35vmIsFKiMtTSUSBP7nWGRgR0We/uploaded-1771578706866-a7zjtsw5.mp4"
           imageAlt="Beautiful flower arrangement"
           textPosition="bottom-left"
           showBlur={true}
@@ -63,7 +63,7 @@ export default function LandingPage() {
           title="Crafted with Passion"
           description="At IndoLor, we believe every flower tells a story. With over a decade of experience in floristry, our talented team creates stunning arrangements that capture emotions and celebrate life's special moments. We source the finest flowers and use sustainable practices."
           tag="About IndoLor"
-          imageSrc="https://img.b2bpic.net/free-photo/flowers-florist-atelier_23-2147760917.jpg"
+          videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_35vmIsFKiMtTSUSBP7nWGRgR0We/uploaded-1771578629160-cn9h0zvr.mp4"
           imageAlt="Our flower studio"
           useInvertedBackground={false}
           buttons={[
@@ -84,11 +84,11 @@ export default function LandingPage() {
           products={[
             {
               id: "1",              brand: "IndoLor",              name: "Romance Red Roses",              price: "$85.00",              rating: 5,
-              reviewCount: "142",              imageSrc: "https://img.b2bpic.net/free-photo/floral-decor-woman-holding-bouquet-anthurium_140725-10842.jpg?_wi=1",              imageAlt: "Red roses bouquet"
+              reviewCount: "142",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_35vmIsFKiMtTSUSBP7nWGRgR0We/uploaded-1770200756297-lx7ph7fu.jpg",              imageAlt: "Red roses bouquet"
             },
             {
               id: "2",              brand: "IndoLor",              name: "Pure Elegance White",              price: "$95.00",              rating: 5,
-              reviewCount: "98",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-still-life-bouquet-with-calla-lily_23-2148029172.jpg?_wi=1",              imageAlt: "White lilies arrangement"
+              reviewCount: "98",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_35vmIsFKiMtTSUSBP7nWGRgR0We/uploaded-1770200760466-j705jlae.jpg",              imageAlt: "White lilies arrangement"
             },
             {
               id: "3",              brand: "IndoLor",              name: "Seasonal Spectrum",              price: "$75.00",              rating: 5,

src/app/shop/[id]/page.tsx

@@ -85,14 +85,13 @@ export default function ProductPage({ params }: ProductPageProps) {
                     <NavbarLayoutFloatingOverlay
                         brandName="IndoLor"
                         navItems={[
-                            { name: "Home", id: "/" },
+                            { name: "Home", id: "hero" },
                             { name: "About", id: "about" },
                             { name: "Collections", id: "collections" },
                             { name: "Services", id: "services" },
-                            { name: "Contact", id: "contact" },
-                            { name: "Shop", id: "/shop" }
+                            { name: "Contact", id: "contact" }
                         ]}
-                        button={{ text: "Cart", onClick: () => setCartOpen(true) }}
+                        button={{ text: "Order Now", href: "contact" }}
                     />
                     </div>
                     <main className="min-h-screen flex items-center justify-center pt-20">
@@ -129,14 +128,13 @@ export default function ProductPage({ params }: ProductPageProps) {
                         <NavbarLayoutFloatingOverlay
                             brandName="IndoLor"
                             navItems={[
-                                { name: "Home", id: "/" },
+                                { name: "Home", id: "hero" },
                                 { name: "About", id: "about" },
                                 { name: "Collections", id: "collections" },
                                 { name: "Services", id: "services" },
-                                { name: "Contact", id: "contact" },
-                                { name: "Shop", id: "/shop" }
+                                { name: "Contact", id: "contact" }
                             ]}
-                            button={{ text: "Cart", onClick: () => setCartOpen(true) }}
+                            button={{ text: "Order Now", href: "contact" }}
                         />
                     </div>
                     <main className="min-h-screen flex items-center justify-center pt-20">
@@ -180,14 +178,13 @@ export default function ProductPage({ params }: ProductPageProps) {
                 <NavbarLayoutFloatingOverlay
                     brandName="IndoLor"
                     navItems={[
-                        { name: "Home", id: "/" },
+                        { name: "Home", id: "hero" },
                         { name: "About", id: "about" },
                         { name: "Collections", id: "collections" },
                         { name: "Services", id: "services" },
-                        { name: "Contact", id: "contact" },
-                        { name: "Shop", id: "/shop" }
+                        { name: "Contact", id: "contact" }
                     ]}
-                    button={{ text: "Cart", onClick: () => setCartOpen(true) }}
+                    button={{ text: "Order Now", href: "contact" }}
                 />
                 </div>
                 <div id="productDetailCard" data-section="productDetailCard">

src/app/shop/page.tsx

@@ -35,14 +35,13 @@ export default function ShopPage() {
                     <NavbarLayoutFloatingOverlay
                         brandName="IndoLor"
                         navItems={[
-                            { name: "Home", id: "/" },
+                            { name: "Home", id: "hero" },
                             { name: "About", id: "about" },
                             { name: "Collections", id: "collections" },
                             { name: "Services", id: "services" },
-                            { name: "Contact", id: "contact" },
-                            { name: "Shop", id: "/shop" }
+                            { name: "Contact", id: "contact" }
                         ]}
-                        button={{ text: "Cart", onClick: () => console.log("cart") }}
+                        button={{ text: "Order Now", href: "contact" }}
                     />
                     </div>
                     <main className="min-h-screen flex items-center justify-center pt-20">
@@ -78,14 +77,13 @@ export default function ShopPage() {
                 <NavbarLayoutFloatingOverlay
                     brandName="IndoLor"
                     navItems={[
-                        { name: "Home", id: "/" },
+                        { name: "Home", id: "hero" },
                         { name: "About", id: "about" },
                         { name: "Collections", id: "collections" },
                         { name: "Services", id: "services" },
-                        { name: "Contact", id: "contact" },
-                        { name: "Shop", id: "/shop" }
+                        { name: "Contact", id: "contact" }
                     ]}
-                    button={{ text: "Cart", onClick: () => console.log("cart") }}
+                    button={{ text: "Order Now", href: "contact" }}
                 />
                 </div>
                 <div id="productCatalog" data-section="productCatalog">

src/app/styles/variables.css

@@ -2,21 +2,21 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #f5f5f5;;
-  --card: #ffffff;;
-  --foreground: #1c1c1c;;
+  /* --background: #fffafa;;
+  --card: #fff7f7;;
+  --foreground: #1a0000;;
   --primary-cta: #e63946;;
   --secondary-cta: #ffffff;;
-  --accent: #e63946;;
-  --background-accent: #e8bea8;; */
+  --accent: #f5c4c7;;
+  --background-accent: #f09199;; */
 
-  --background: #f5f5f5;;
-  --card: #ffffff;;
-  --foreground: #1c1c1c;;
+  --background: #fffafa;;
+  --card: #fff7f7;;
+  --foreground: #1a0000;;
   --primary-cta: #e63946;;
   --secondary-cta: #ffffff;;
-  --accent: #e63946;;
-  --background-accent: #e8bea8;;
+  --accent: #f5c4c7;;
+  --background-accent: #f09199;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);