Update src/app/page.tsx

Merge version_4 into main

src/app/blog/page.tsx

@@ -14,9 +14,11 @@ export default function BlogPage() {
         { name: "Home", id: "/" },
         { name: "About", id: "/#about" },
         { name: "Products", id: "/#products" },
+        { name: "Shop", id: "/shop" },
         { name: "Testimonials", id: "/#testimonials" },
+        { name: "Blog", id: "/blog" },
         { name: "FAQ", id: "/#faq" },
-        { name: "Contact", id: "/#contact" },
+        { name: "Contact", id: "/#contact" }
     ];
     
     const footerColumns = [

src/app/layout.tsx

@@ -22,7 +22,7 @@ export const metadata: Metadata = {
   openGraph: {
     title: "Balala Flowers Studio",    description: "Discover stunning floral arrangements for weddings, events, and everyday beauty from Balala Flowers Studio. Fresh, handcrafted bouquets for every occasion.",    url: "https://balalaflowers.com",    siteName: "Balala Flowers Studio",    images: [
       {
-        url: "https://img.b2bpic.net/free-photo/elegant-bouquet-pink-white-roses-with-lilies_9975-133063.jpg",        alt: "A vibrant, artfully arranged bouquet of fresh flowers"},
+        url: "https://img.b2bpic.net/free-photo/elegant-bouquet-pink-white-roses-with-lilies_9975-133063.jpg",        alt: "A vibrant, artfully arranged bouquet of fresh flowers"}
     ],
     type: "website"},
   twitter: {

src/app/page.tsx

@@ -15,9 +15,10 @@ export default function LandingPage() {
     { name: "Home", id: "/" },
     { name: "About", id: "/#about" },
     { name: "Products", id: "/#products" },
+    { name: "Shop", id: "/shop" },
     { name: "Testimonials", id: "/#testimonials" },
-    { name: "FAQ", id: "/#faq" },
-    { name: "Contact", id: "/#contact" },
+    { name: "Blog", id: "/blog" },    { name: "FAQ", id: "/#faq" },
+    { name: "Contact", id: "/#contact" }
   ];
 
   const footerColumns = [
@@ -54,7 +55,7 @@ export default function LandingPage() {
 
       <div id="hero" data-section="hero">
         <HeroBillboardGallery
-          title="Balala Flowers Studio"
+          title="API Keys to Power Your Connections"
           description="Crafting exquisite floral arrangements for every occasion, bringing beauty and joy to your special moments."
           background={{ variant: "plain" }}
           tag="Your Floral Journey Starts Here"
@@ -63,9 +64,9 @@ export default function LandingPage() {
             { text: "Learn More", href: "/#about" },
           ]}
           mediaItems={[
-            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/smiling-female-student-approximately-20--1771845858654-5c229528.png", imageAlt: "A vibrant, artfully arranged bouquet of fresh flowers" },
-            { imageSrc: "https://img.b2bpic.net/free-photo/businessman-pointing-his-presentation-futuristic-digital-screen_53876-102617.jpg?id=15556741", imageAlt: "Elegant white wedding flowers and decor" },
-            { videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/uploaded-1771860987566-afmvzen0.mp4", imageAlt: "A modern, colorful floral arrangement with unique blooms" },
+            { videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/uploaded-1771860987566-afmvzen0.mp4", imageAlt: "A vibrant, artfully arranged bouquet of fresh flowers" },
+            { videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/uploaded-1771860484840-0zq4tvo8.mp4", imageAlt: "Elegant white wedding flowers and decor" },
+            { videoSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/uploaded-1771850674704-2zcygfwe.mp4?_wi=1", imageAlt: "A modern, colorful floral arrangement with unique blooms" },
           ]}
           mediaAnimation="slide-up"
           tagAnimation="slide-up"
@@ -84,11 +85,12 @@ export default function LandingPage() {
             { title: "Artistic Design", description: "Every bouquet is a unique work of art, handcrafted with precision and creativity." },
             { title: "Freshness Guaranteed", description: "We source only the freshest, highest quality blooms for lasting beauty." },
             { title: "Personalized Service", description: "Dedicated to understanding your needs and bringing your floral dreams to life." },
+            { title: "AI-Powered Insights", description: "Leveraging AI to analyze floral trends and personalize recommendations, ensuring every arrangement is perfectly suited to your taste and occasion." }
           ]}
           mediaAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={true}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/smiling-female-student-approximately-20--1771845858654-5c229528.png"
+          videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/uploaded-1771850674704-2zcygfwe.mp4?_wi=2"
           imageAlt="Interior of a modern, elegant flower studio with various floral arrangements and tools."
           imagePosition="right"
           buttons={[{ text: "Our Story", href: "/#about" }]}

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

@@ -75,17 +75,28 @@ function ProductPageContent({ params }: ProductPageProps) {
     }, [cartItems, checkout, getCheckoutItems]);
     
     const navbarProps = {
-        navItems: [{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }, { name: "Blog", id: "/blog" }],
+        navItems: [
+            { name: "Home", id: "/" },
+            { name: "About", id: "/#about" },
+            { name: "Products", id: "/#products" },
+            { name: "Shop", id: "/shop" },
+            { name: "Testimonials", id: "/#testimonials" },
+            { name: "Blog", id: "/blog" },
+            { name: "FAQ", id: "/#faq" },
+            { name: "Contact", id: "/#contact" }
+        ],
         brandName: "Balala",        className: "py-4 px-6",        navItemClassName: "text-foreground hover:text-primary-cta",        buttonClassName: "bg-primary-cta text-primary-cta-text",        buttonTextClassName: "font-semibold"
     };
 
+    const footerColumns = [
+        { title: "Shop", items: [{ label: "Bouquets", href: "/#products" }, { label: "Seasonal", href: "/#products" }, { label: "Our Shop", href: "/shop" }] },
+        { title: "Studio", items: [{ label: "About Us", href: "/#about" }, { label: "FAQ", href: "/#faq" }, { label: "Contact", href: "/#contact" }] },
+        { title: "Resources", items: [{ label: "Blog", href: "/blog" }] },
+        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
+    ];
+
     const footerProps = {
-        columns: [
-            { title: "Shop", items: [{ label: "Bouquets", href: "/#products" }, { label: "Seasonal", href: "/#products" }, { label: "Our Shop", href: "/shop" }] },
-            { title: "Studio", items: [{ label: "About Us", href: "/#about" }, { label: "FAQ", href: "/#faq" }, { label: "Contact", href: "/#contact" }] },
-            { title: "Resources", items: [{ label: "Blog", href: "/blog" }] },
-            { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
-        ],
+        columns: footerColumns,
         bottomLeftText: "© 2024 Balala Flowers Studio. All rights reserved.",        bottomRightText: "Crafted with passion by Balala",        columnTitleClassName: "text-foreground",        columnItemClassName: "text-foreground hover:text-primary-cta",        bottomLeftTextClassName: "text-foreground",        bottomRightTextClassName: "text-foreground",        dividerClassName: "bg-accent"
     };
 

src/app/shop/page.tsx

@@ -40,17 +40,28 @@ function ShopPageContent() {
     }, [cartItems, checkout, getCheckoutItems]);
 
     const navbarProps = {
-        navItems: [{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }, { name: "Blog", id: "/blog" }],
+        navItems: [
+            { name: "Home", id: "/" },
+            { name: "About", id: "/#about" },
+            { name: "Products", id: "/#products" },
+            { name: "Shop", id: "/shop" },
+            { name: "Testimonials", id: "/#testimonials" },
+            { name: "Blog", id: "/blog" },
+            { name: "FAQ", id: "/#faq" },
+            { name: "Contact", id: "/#contact" }
+        ],
         brandName: "Balala",        className: "py-4 px-6",        navItemClassName: "text-foreground hover:text-primary-cta",        buttonClassName: "bg-primary-cta text-primary-cta-text",        buttonTextClassName: "font-semibold"
     };
 
+    const footerColumns = [
+        { title: "Shop", items: [{ label: "Bouquets", href: "/#products" }, { label: "Seasonal", href: "/#products" }, { label: "Our Shop", href: "/shop" }] },
+        { title: "Studio", items: [{ label: "About Us", href: "/#about" }, { label: "FAQ", href: "/#faq" }, { label: "Contact", href: "/#contact" }] },
+        { title: "Resources", items: [{ label: "Blog", href: "/blog" }] },
+        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
+    ];
+
     const footerProps = {
-        columns: [
-            { title: "Shop", items: [{ label: "Bouquets", href: "/#products" }, { label: "Seasonal", href: "/#products" }, { label: "Our Shop", href: "/shop" }] },
-            { title: "Studio", items: [{ label: "About Us", href: "/#about" }, { label: "FAQ", href: "/#faq" }, { label: "Contact", href: "/#contact" }] },
-            { title: "Resources", items: [{ label: "Blog", href: "/blog" }] },
-            { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
-        ],
+        columns: footerColumns,
         bottomLeftText: "© 2024 Balala Flowers Studio. All rights reserved.",        bottomRightText: "Crafted with passion by Balala",        columnTitleClassName: "text-foreground",        columnItemClassName: "text-foreground hover:text-primary-cta",        bottomLeftTextClassName: "text-foreground",        bottomRightTextClassName: "text-foreground",        dividerClassName: "bg-accent"
     };
 

src/app/styles/variables.css

@@ -2,23 +2,23 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #f7f6f7;;
-  --card: #ffffff;;
-  --foreground: #25190c;;
-  --primary-cta: #ff6207;;
-  --secondary-cta: #ffffff;;
-  --accent: #ffce93;;
-  --background-accent: #e8cfa8;; */
+  /* --background: #060000;;
+  --card: #1d0d0d;;
+  --foreground: #ffe6e6;;
+  --primary-cta: #ff3d4a;;
+  --secondary-cta: #1f0a0a;;
+  --accent: #7b2d2d;;
+  --background-accent: #b8111f;; */
 
-  --background: #f7f6f7;;
-  --card: #ffffff;;
-  --foreground: #25190c;;
-  --primary-cta: #ff6207;;
-  --primary-cta-text: #f7f6f7;;
-  --secondary-cta: #ffffff;;
-  --secondary-cta-text: #25190c;;
-  --accent: #ffce93;;
-  --background-accent: #e8cfa8;;
+  --background: #060000;;
+  --card: #1d0d0d;;
+  --foreground: #ffe6e6;;
+  --primary-cta: #ff3d4a;;
+  --primary-cta-text: #060000;;
+  --secondary-cta: #1f0a0a;;
+  --secondary-cta-text: #ffe6e6;;
+  --accent: #7b2d2d;;
+  --background-accent: #b8111f;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);