Update src/app/page.tsx

Merge version_1 into main

src/app/blog/page.tsx

@@ -29,7 +29,7 @@ export default function BlogPage() {
                     brandName="Persik"
                     navItems={[
                         { name: "Home", id: "/" },
-                        { name: "Shop", id: "#products" },
+                        { name: "Shop", id: "/shop" },
                         { name: "About", id: "#about" },
                         { name: "Testimonials", id: "#testimonials" },
                         { name: "FAQ", id: "#faq" },
@@ -61,9 +61,9 @@ export default function BlogPage() {
                     columns={[
                         {
                             title: "Shop",                            items: [
-                                { label: "Bouquets", href: "#products" },
-                                { label: "Arrangements", href: "#products" },
-                                { label: "Gifts", href: "#products" },
+                                { label: "Bouquets", href: "/shop" },
+                                { label: "Arrangements", href: "/shop" },
+                                { label: "Gifts", href: "/shop" },
                             ],
                         },
                         {

src/app/page.tsx

@@ -29,8 +29,8 @@ export default function LandingPage() {
         <NavbarStyleApple
           brandName="Persik"
           navItems={[
-            { name: "Home", id: "#hero" },
-            { name: "Shop", id: "#products" },
+            { name: "Home", id: "/" },
+            { name: "Shop", id: "/shop" },
             { name: "About", id: "#about" },
             { name: "Testimonials", id: "#testimonials" },
             { name: "FAQ", id: "#faq" },
@@ -47,7 +47,7 @@ export default function LandingPage() {
             { text: "Shop Now", href: "#products" },
             { text: "Learn More", href: "#about" },
           ]}
-          imageSrc="https://img.b2bpic.net/free-photo/flowers-bouquet-dining-table_1339-1210.jpg"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_35vmIsFKiMtTSUSBP7nWGRgR0We/tmp/panda-with-flowers-realistic-1771593889092-2a64eb03.png"
           imageAlt="Beautiful bouquet of fresh flowers with pink and peach tones"
           mediaAnimation="slide-up"
           tag="Your Local Florist"
@@ -138,7 +138,7 @@ export default function LandingPage() {
           logoText="Persik Flowers"
           copyrightText="© 2024 Persik | All rights reserved"
           columns={[
-            { title: "Shop", items: [{ label: "Bouquets", href: "#products" }, { label: "Arrangements", href: "#products" }, { label: "Gifts", href: "#products" }] },
+            { title: "Shop", items: [{ label: "Bouquets", href: "/shop" }, { label: "Arrangements", href: "/shop" }, { label: "Gifts", href: "/shop" }] },
             { title: "About Us", items: [{ label: "Our Story", href: "#about" }, { label: "Testimonials", href: "#testimonials" }, { label: "FAQ", href: "#faq" }] },
             { title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Delivery Info", href: "https://example.com/delivery" }, { label: "Privacy Policy", href: "https://example.com/privacy" }] },
           ]}

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

@@ -67,7 +67,14 @@ export default function ProductPage({ params }: ProductPageProps) {
     }, [cartItems, checkout, getCheckoutItems]);
 
     const navbarProps = {
-        brandName: "Persik",        navItems: [{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }],
+        brandName: "Persik",        navItems: [
+            { name: "Home", id: "/" },
+            { name: "Shop", id: "/shop" },
+            { name: "About", id: "#about" },
+            { name: "Testimonials", id: "#testimonials" },
+            { name: "FAQ", id: "#faq" },
+            { name: "Contact", id: "#contact" }
+        ],
         button: { text: "Cart", onClick: () => setCartOpen(true) },
         mobileNavContent: (
             <div className="flex flex-col gap-2 mt-4">
@@ -83,7 +90,7 @@ export default function ProductPage({ params }: ProductPageProps) {
 
     const footerProps = {
         imageSrc: "https://img.b2bpic.net/free-photo/woman-holds-festive-flower-arrangement-with-bright-chrysanthemum-flowers_169016-51483.jpg?_wi=4",        imageAlt: "Soft focus background image of various flowers",        logoText: "Persik Flowers",        copyrightText: "© 2024 Persik | All rights reserved",        columns: [
-            { title: "Shop", items: [{ label: "Bouquets", href: "#products" }, { label: "Arrangements", href: "#products" }, { label: "Gifts", href: "#products" }] },
+            { title: "Shop", items: [{ label: "Bouquets", href: "/shop" }, { label: "Arrangements", href: "/shop" }, { label: "Gifts", href: "/shop" }] },
             { title: "About Us", items: [{ label: "Our Story", href: "#about" }, { label: "Testimonials", href: "#testimonials" }, { label: "FAQ", href: "#faq" }] },
             { title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Delivery Info", href: "https://example.com/delivery" }, { label: "Privacy Policy", href: "https://example.com/privacy" }] }
         ]

src/app/shop/page.tsx

@@ -42,7 +42,14 @@ export default function ShopPage() {
     }, [cartItems, checkout, getCheckoutItems]);
 
     const navbarProps = {
-        brandName: "Persik",        navItems: [{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }],
+        brandName: "Persik",        navItems: [
+            { name: "Home", id: "/" },
+            { name: "Shop", id: "/shop" },
+            { name: "About", id: "#about" },
+            { name: "Testimonials", id: "#testimonials" },
+            { name: "FAQ", id: "#faq" },
+            { name: "Contact", id: "#contact" }
+        ],
         button: { text: "Cart", onClick: () => setCartOpen(true) },
         mobileNavContent: (
             <div className="flex flex-col gap-2 mt-4">
@@ -58,7 +65,7 @@ export default function ShopPage() {
 
     const footerProps = {
         imageSrc: "https://img.b2bpic.net/free-photo/woman-holds-festive-flower-arrangement-with-bright-chrysanthemum-flowers_169016-51483.jpg?_wi=3",        imageAlt: "Soft focus background image of various flowers",        logoText: "Persik Flowers",        copyrightText: "© 2024 Persik | All rights reserved",        columns: [
-            { title: "Shop", items: [{ label: "Bouquets", href: "#products" }, { label: "Arrangements", href: "#products" }, { label: "Gifts", href: "#products" }] },
+            { title: "Shop", items: [{ label: "Bouquets", href: "/shop" }, { label: "Arrangements", href: "/shop" }, { label: "Gifts", href: "/shop" }] },
             { title: "About Us", items: [{ label: "Our Story", href: "#about" }, { label: "Testimonials", href: "#testimonials" }, { label: "FAQ", href: "#faq" }] },
             { title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Delivery Info", href: "https://example.com/delivery" }, { label: "Privacy Policy", href: "https://example.com/privacy" }] }
         ]

src/app/styles/variables.css

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