Update src/app/page.tsx

Merge version_5 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"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/panda-with-hookah-in-black-room-1771941243821-1e9faa67.png"
           imageAlt="Interior of a modern, elegant flower studio with various floral arrangements and tools."
           imagePosition="right"
           buttons={[{ text: "Our Story", href: "/#about" }]}
@@ -129,7 +131,7 @@ export default function LandingPage() {
           description="Hear from our delighted clients who have experienced the magic of Balala's floral artistry."
           testimonials={[
             { id: "1", name: "Elena R., Event Planner", date: "Date: October 15, 2024", title: "Absolutely stunning arrangements!", quote: "Balala exceeded all expectations for our corporate event. The floral designs were breathtaking and perfectly complemented the venue. Highly recommend their professional and creative team!", tag: "Event Floral", avatarSrc: "https://img.b2bpic.net/free-photo/smiling-woman-sitting-cafe-with-closed-laptop_1262-1151.jpg", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-woman-arranging-flowers-presented-by-her-husbant-home-happy-joyful_158595-7957.jpg", imageAlt: "A customer holding a beautiful bouquet of flowers." },
-            { id: "2", name: "Mark T., Happy Husband", date: "Date: September 28, 2024", title: "My wife loved her anniversary bouquet!", quote: "The anniversary bouquet from Balala was absolutely gorgeous and lasted so long. The online ordering was seamless, and delivery was prompt. A truly special gift!", tag: "Anniversary Gift", avatarSrc: "https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", imageSrc: "https://img.b2bpic.net/free-photo/woman-holding-red-roses-bouquet-with-hearts-decoration-laughing-room-filled-with-luxury-presents-valentines-day-romantic-date-excited-blonde-girl-with-expensive-flowers-sitting_482257-51716.jpg", imageAlt: "Flowers delivered to a home, sitting on a table." },
+            { id: "2", name: "Mark T., Happy Husband", date: "Date: September 28, 2024", title: "My wife loved her anniversary bouquet!", quote: "The anniversary bouquet from Balala was absolutely gorgeous and lasted so long. The online ordering was seamless, and delivery was prompt. A truly special gift!", tag: "Anniversary Gift", avatarSrc: "https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/smiling-student-non-binary-approximately-1771845861526-876f4195.png", imageAlt: "Flowers delivered to a home, sitting on a table." },
             { id: "3", name: "Sarah J., Wedding Client", date: "Date: August 01, 2024", title: "Dream wedding flowers!", quote: "Balala brought my wedding floral vision to life flawlessly. Every detail was perfect, from my bridal bouquet to the table centerpieces. They made our day even more beautiful.", tag: "Wedding Floral", avatarSrc: "https://img.b2bpic.net/free-photo/front-view-smiley-woman-home_23-2150062545.jpg", imageSrc: "https://img.b2bpic.net/free-photo/vertical-closeup-shot-beautiful-wedding-bouquet-with-gorgeous-white-roses_181624-15923.jpg?_wi=2", imageAlt: "Wedding flowers on a table." },
             { id: "4", name: "David K., Local Business Owner", date: "Date: July 10, 2024", title: "Fresh, beautiful flowers weekly.", quote: "We use Balala for our weekly office floral arrangements, and they always deliver fresh, vibrant, and unique designs. It adds such a lovely touch to our workspace.", tag: "Corporate Service", avatarSrc: "https://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg", imageSrc: "https://img.b2bpic.net/free-photo/elegant-bouquet-pink-white-roses-with-lilies_9975-133063.jpg?_wi=2", imageAlt: "A bouquet of flowers in an office setting." },
           ]}

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: #03040C;;
+  --card: #0A0D18;;
+  --foreground: #F0F0F0;;
+  --primary-cta: #34D399;;
+  --secondary-cta: #A78BFA;;
+  --accent: #C4B5FD;;
+  --background-accent: #1A202C;; */
 
-  --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: #03040C;;
+  --card: #0A0D18;;
+  --foreground: #F0F0F0;;
+  --primary-cta: #34D399;;
+  --primary-cta-text: #03040C;;
+  --secondary-cta: #A78BFA;;
+  --secondary-cta-text: #F0F0F0;;
+  --accent: #C4B5FD;;
+  --background-accent: #1A202C;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);