Update src/app/styles/variables.css

Merge version_5 into main

src/app/blog/page.tsx

@@ -30,18 +30,21 @@ export default function BlogPage() {
             headingFontWeight="light"
         >
             <ReactLenis root>
-                <NavbarStyleFullscreen
-                    navItems={[
-                        { name: "Home", id: "/" },
-                        { name: "About", id: "about" },
-                        { name: "Shop", id: "products" },
-                        { name: "Testimonials", id: "testimonials" },
-                        { name: "Contact", id: "contact" },
-                    ]}
-                    brandName="Angola"
-                    bottomLeftText="Experience the Beauty"
-                    bottomRightText="hello@angola.com"
-                />
+                <div id="nav" data-section="nav">
+                    <NavbarStyleFullscreen
+                        navItems={[
+                            { name: "Home", id: "/" },
+                            { name: "About", id: "/#about" },
+                            { name: "Shop", id: "/shop" },
+                            { name: "Team", id: "/#team" },
+                            { name: "Testimonials", id: "/#testimonials" },
+                            { name: "Contact", id: "/#contact" }
+                        ]}
+                        brandName="Angola"
+                        bottomLeftText="Experience the Beauty"
+                        bottomRightText="hello@angola.com"
+                    />
+                </div>
 
                 <main>
                     {isLoading ? (
@@ -61,34 +64,35 @@ export default function BlogPage() {
                     )}
                 </main>
 
-                <FooterMedia
-                    imageSrc="http://img.b2bpic.net/free-photo/beautiful-decoration-cute-little-dried-colorful-flowers-wallpaper_343596-3238.jpg?_wi=2"
-                    imageAlt="Soft, blurred pastel flowers in a tranquil setting"
-                    columns={[
-                        {
-                            title: "Shop",                            items: [
-                                { label: "Bouquets", href: "#products" },
-                                { label: "Arrangements", href: "#products" },
-                                { label: "Custom Orders", href: "#contact" },
-                            ],
-                        },
-                        {
-                            title: "Company",                            items: [
-                                { label: "About Us", href: "#about" },
-                                { label: "FAQ", href: "#faq" },
-                                { label: "Contact", href: "#contact" },
-                            ],
-                        },
-                        {
-                            title: "Connect",                            items: [
-                                { label: "Instagram", href: "https://instagram.com/angola_flowers" },
-                                { label: "Facebook", href: "https://facebook.com/angola_flowers" },
-                            ],
-                        },
-                    ]}
-                    logoText="Angola"
-                    copyrightText="© 2024 Angola Flowers Studio. All rights reserved."
-                />
+                <div id="footer" data-section="footer">
+                    <FooterMedia
+                        imageSrc="http://img.b2bpic.net/free-photo/beautiful-decoration-cute-little-dried-colorful-flowers-wallpaper_343596-3238.jpg?_wi=2"
+                        imageAlt="Soft, blurred pastel flowers in a tranquil setting"
+                        columns={[
+                            {
+                                title: "Shop",                                items: [
+                                    { label: "Bouquets", href: "/shop" },
+                                    { label: "Arrangements", href: "/shop" },
+                                    { label: "Custom Orders", href: "/#contact" }
+                                ]
+                            },
+                            {
+                                title: "Company",                                items: [
+                                    { label: "About Us", href: "/#about" },
+                                    { label: "Contact", href: "/#contact" }
+                                ]
+                            },
+                            {
+                                title: "Connect",                                items: [
+                                    { label: "Instagram", href: "https://instagram.com/angola_flowers" },
+                                    { label: "Facebook", href: "https://facebook.com/angola_flowers" }
+                                ]
+                            }
+                        ]}
+                        logoText="Angola"
+                        copyrightText="© 2024 Angola Flowers Studio. All rights reserved."
+                    />
+                </div>
             </ReactLenis>
         </ThemeProvider>
     );

src/app/layout.tsx

@@ -12,16 +12,16 @@ export const metadata: Metadata = {
   title: "Angola Flowers Studio - Exquisite Floral Arrangements",  description: "Discover stunning floral arrangements and custom bouquets from Angola Flowers Studio. Perfect for weddings, events, and everyday beauty.",  openGraph: {
     title: "Angola Flowers Studio - Exquisite Floral Arrangements",    description: "Discover stunning floral arrangements and custom bouquets from Angola Flowers Studio. Perfect for weddings, events, and everyday beauty.",    url: "https://www.angola-flowers.com",    siteName: "Angola Flowers Studio",    images: [
       {
-        url: "http://img.b2bpic.net/free-photo/man-winter-outfits-with-bouquet-mixed-flowers_114579-2706.jpg",        alt: "A luxurious bouquet of fresh flowers"},
+        url: "http://img.b2bpic.net/free-photo/man-winter-outfits-with-bouquet-mixed-flowers_114579-2706.jpg",        alt: "A luxurious bouquet of fresh flowers"}
     ],
     type: "website"},
   twitter: {
-    card: "summary_large_image",    title: "Angola Flowers Studio - Exquisite Floral Arrangements",    description: "Discover stunning floral arrangements and custom bouquets from Angola Flowers Studio. Perfect for weddings, events, and everyday beauty.",    images: ["http://img.b2bpic.net/free-photo/man-winter-outfits-with-bouquet-mixed-flowers_114579-2706.jpg"],
+    card: "summary_large_image",    title: "Angola Flowers Studio - Exquisite Floral Arrangements",    description: "Discover stunning floral arrangements and custom bouquets from Angola Flowers Studio. Perfect for weddings, events, and everyday beauty.",    images: ["http://img.b2bpic.net/free-photo/man-winter-outfits-with-bouquet-mixed-flowers_114579-2706.jpg"]
   },
   robots: {
     index: true,
-    follow: true,
-  },
+    follow: true
+  }
 };
 
 export default function RootLayout({

src/app/page.tsx

@@ -6,8 +6,8 @@ import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCa
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import FaqBase from '@/components/sections/faq/FaqBase';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import TeamCardOne from '@/components/sections/team/TeamCardOne';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 
 export default function LandingPage() {
@@ -27,11 +27,12 @@ export default function LandingPage() {
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
           navItems={[
-            { name: "Home", id: "home" },
-            { name: "About", id: "about" },
-            { name: "Shop", id: "products" },
-            { name: "Testimonials", id: "testimonials" },
-            { name: "Contact", id: "contact" },
+            { name: "Home", id: "/" },
+            { name: "About", id: "/#about" },
+            { name: "Shop", id: "/shop" },
+            { name: "Team", id: "/#team" },
+            { name: "Testimonials", id: "/#testimonials" },
+            { name: "Contact", id: "/#contact" }
           ]}
           brandName="Angola"
           bottomLeftText="Experience the Beauty"
@@ -44,8 +45,8 @@ export default function LandingPage() {
           logoText="Angola"
           description="Crafting exquisite floral arrangements for every occasion, bringing beauty and joy to your special moments."
           buttons={[
-            { text: "Shop Now", href: "#products" },
-            { text: "Our Story", href: "#about" },
+            { text: "Shop Now", href: "/shop" },
+            { text: "Our Story", href: "/#about" }
           ]}
           slides={[
             {
@@ -53,7 +54,7 @@ export default function LandingPage() {
             {
               imageSrc: "http://img.b2bpic.net/free-photo/empty-clothing-store-filled-casual-formal-wear-items-hanging-fashion-store-racks-hangers-full-with-fashionable-clothes-accessories-discount-small-business-commercial-activity_482257-65075.jpg",              imageAlt: "An elegant flower studio interior with various arrangements"},
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/closeup-colorful-flower-bouquets-containers-outdoor-shop_181624-28754.jpg",              imageAlt: "A vibrant display of various flower types in a shop"},
+              imageSrc: "http://img.b2bpic.net/free-photo/closeup-colorful-flower-bouquets-containers-outdoor-shop_181624-28754.jpg",              imageAlt: "A vibrant display of various flower types in a shop"}
           ]}
           autoplayDelay={5000}
           showDimOverlay={true}
@@ -67,7 +68,7 @@ export default function LandingPage() {
             "At Angola, we believe in the power of flowers to express emotions, celebrate milestones, and create unforgettable memories. Our studio is dedicated to sourcing the freshest, most beautiful blooms and transforming them into stunning works of art.",            "Every arrangement is crafted with meticulous care and a keen eye for design, ensuring that each bouquet tells its own unique story. We pour our heart into every petal, bringing beauty and elegance to your world."]}
           buttons={[
             { text: "Meet Our Team", href: "#team" },
-            { text: "Contact Us", href: "#contact" },
+            { text: "Contact Us", href: "/#contact" }
           ]}
           useInvertedBackground={false}
           showBorder={false}
@@ -85,7 +86,7 @@ export default function LandingPage() {
             {
               id: "2",              name: "Garden Fresh Medley",              price: "$60",              variant: "Seasonal Mix (Small, Medium)",              imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-bouquet-yellow-orange-dahliason-light-background_169016-39443.jpg",              imageAlt: "A colorful medley of garden fresh flowers"},
             {
-              id: "3",              name: "Elegant Lily Arrangement",              price: "$85",              variant: "White Lilies (Classic, Deluxe)",              imageSrc: "http://img.b2bpic.net/free-photo/bouquet-beautiful-fresh-white-blooms-vase_23-2148069253.jpg",              imageAlt: "An elegant arrangement of white lilies"},
+              id: "3",              name: "Elegant Lily Arrangement",              price: "$85",              variant: "White Lilies (Classic, Deluxe)",              imageSrc: "http://img.b2bpic.net/free-photo/bouquet-beautiful-fresh-white-blooms-vase_23-2148069253.jpg",              imageAlt: "An elegant arrangement of white lilies"}
           ]}
           gridVariant="four-items-2x2-equal-grid"
           animationType="slide-up"
@@ -103,7 +104,7 @@ export default function LandingPage() {
             { src: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", alt: "Maria P." },
             { src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", alt: "John D." },
             { src: "http://img.b2bpic.net/free-photo/portrait-woman-with-cabbage-dress_23-2150539813.jpg", alt: "Sophia L." },
-            { src: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg", alt: "David K." },
+            { src: "http://img.b2bpic.net/free-photo/business-woman-standing_1187-1543.jpg", alt: "David K." }
           ]}
           ratingAnimation="slide-up"
           avatarsAnimation="slide-up"
@@ -111,37 +112,17 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="faq" data-section="faq">
-        <FaqBase
-          title="Frequently Asked Questions"
-          description="Find answers to common questions about our services, flower care, and ordering process."
-          faqs={[
-            {
-              id: "1",              title: "What is your delivery policy?",              content: "We offer local delivery within a 20-mile radius of our studio. Same-day delivery is available for orders placed before 12 PM local time, Monday-Saturday."},
-            {
-              id: "2",              title: "How do I care for my fresh flowers?",              content: "For optimal freshness, trim stems at an angle, change water daily, and keep flowers away from direct sunlight and heat sources. A packet of flower food is included with every order."},
-            {
-              id: "3",              title: "Can I request a custom bouquet?",              content: "Absolutely! We specialize in custom designs. Please contact us directly to discuss your vision, preferred flowers, colors, and budget. We'd love to bring your unique floral ideas to life."},
-            {
-              id: "4",              title: "What payment methods do you accept?",              content: "We accept all major credit cards (Visa, Mastercard, Amex), PayPal, and Apple Pay for online orders. In-studio purchases can also be made with cash."},
-          ]}
-          textboxLayout="default"
-          useInvertedBackground={false}
-          faqsAnimation="slide-up"
-        />
-      </div>
-
       <div id="contact" data-section="contact">
         <ContactSplitForm
           title="Get in Touch with Our Floral Experts"
           description="Have a question, special request, or need help with an order? Fill out the form below and we'll get back to you shortly."
           inputs={[
             { name: "name", type: "text", placeholder: "Your Name", required: true },
-            { name: "email", type: "email", placeholder: "Your Email", required: true },
+            { name: "email", type: "email", placeholder: "Your Email", required: true }
           ]}
           textarea={{
             name: "message",            placeholder: "Tell us about your floral needs or inquiry...",            rows: 5,
-            required: true,
+            required: true
           }}
           useInvertedBackground={false}
           imageSrc="http://img.b2bpic.net/free-photo/top-view-hands-with-gladiolus-flower-pink-alstroemeria-with-lilac-daisy-flowers-sketchbook-with-red-stapler-paper-clips-wooden-background_141793-7805.jpg"
@@ -152,6 +133,31 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="team" data-section="team">
+        <TeamCardOne
+          title="Meet Our Talented Team"
+          description="Dedicated to bringing beauty and creativity to every floral design."
+          members={[
+            {
+              id: "1",              name: "Elena Petrova",              role: "Head Florist",              imageSrc: "https://images.unsplash.com/photo-1580489944761-15a19d654956?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0MDk0MnwwfDF8c2VhcmNofDEzfHxmZW1hbGUlMjBwb3J0cmFpdHxlbnwwfHx8fDE3MTQ5NjM2OTV8MA&ixlib=rb-4.0.3&q=80&w=1080",              imageAlt: "Portrait of Elena Petrova"
+            },
+            {
+              id: "2",              name: "Marcus Chen",              role: "Design Lead",              imageSrc: "https://images.unsplash.com/photo-1507003211169-e6955a6d80bd?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0MDk0MnwwfDF8c2VhcmNofDh8fG1hbGUlMjBwb3J0cmFpdHxlbnwwfHx8fDE3MTQ5NjM3NTh8MA&ixlib=rb-4.0.3&q=80&w=1080",              imageAlt: "Portrait of Marcus Chen"
+            },
+            {
+              id: "3",              name: "Sophia Rodriguez",              role: "Creative Director",              imageSrc: "https://images.unsplash.com/photo-1544005313-94ddf0286df2?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0MDk0MnwwfDF8c2VhcmNofDE4fHxmZW1hbGUlMjBwb3J0cmFpdHxlbnwwfHx8fDE3MTQ5NjM2OTV8MA&ixlib=rb-4.0.3&q=80&w=1080",              imageAlt: "Portrait of Sophia Rodriguez"
+            },
+            {
+              id: "4",              name: "David Kim",              role: "Operations Manager",              imageSrc: "https://images.unsplash.com/photo-1521119989691-e022f03028bb?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w0MDk0MnwwfDF8c2VhcmNofDh8fGhlYWRzaG90fGVufDB8fHx8MTcxNDk2MzY4NHww&ixlib=rb-4.0.3&q=80&w=1080",              imageAlt: "Portrait of David Kim"
+            }
+          ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          gridVariant="four-items-2x2-equal-grid"
+        />
+      </div>
+
       <div id="footer" data-section="footer">
         <FooterMedia
           imageSrc="http://img.b2bpic.net/free-photo/beautiful-decoration-cute-little-dried-colorful-flowers-wallpaper_343596-3238.jpg?_wi=1"
@@ -159,24 +165,23 @@ export default function LandingPage() {
           columns={[
             {
               title: "Shop",              items: [
-                { label: "Bouquets", href: "#products" },
-                { label: "Arrangements", href: "#products" },
-                { label: "Custom Orders", href: "#contact" },
-              ],
+                { label: "Bouquets", href: "/shop" },
+                { label: "Arrangements", href: "/shop" },
+                { label: "Custom Orders", href: "/#contact" }
+              ]
             },
             {
               title: "Company",              items: [
-                { label: "About Us", href: "#about" },
-                { label: "FAQ", href: "#faq" },
-                { label: "Contact", href: "#contact" },
-              ],
+                { label: "About Us", href: "/#about" },
+                { label: "Contact", href: "/#contact" }
+              ]
             },
             {
               title: "Connect",              items: [
                 { label: "Instagram", href: "https://instagram.com/angola_flowers" },
-                { label: "Facebook", href: "https://facebook.com/angola_flowers" },
-              ],
-            },
+                { label: "Facebook", href: "https://facebook.com/angola_flowers" }
+              ]
+            }
           ]}
           logoText="Angola"
           copyrightText="© 2024 Angola Flowers Studio. All rights reserved."

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

@@ -89,12 +89,15 @@ function ProductPageContent({ params }: ProductPageProps) {
                 headingFontWeight="light"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                     <NavbarStyleFullscreen
                         navItems={[
                             { name: "Home", id: "/" },
+                            { name: "About", id: "/#about" },
                             { name: "Shop", id: "/shop" },
-                            { name: "Contact", id: "/contacts" }
+                            { name: "Team", id: "/#team" },
+                            { name: "Testimonials", id: "/#testimonials" },
+                            { name: "Contact", id: "/#contact" }
                         ]}
                         brandName="Angola"
                         bottomLeftText="Experience the Beauty"
@@ -127,12 +130,15 @@ function ProductPageContent({ params }: ProductPageProps) {
                 headingFontWeight="light"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                         <NavbarStyleFullscreen
                             navItems={[
                                 { name: "Home", id: "/" },
+                                { name: "About", id: "/#about" },
                                 { name: "Shop", id: "/shop" },
-                                { name: "Contact", id: "/contacts" }
+                                { name: "Team", id: "/#team" },
+                                { name: "Testimonials", id: "/#testimonials" },
+                                { name: "Contact", id: "/#contact" }
                             ]}
                             brandName="Angola"
                             bottomLeftText="Experience the Beauty"
@@ -172,12 +178,15 @@ function ProductPageContent({ params }: ProductPageProps) {
             headingFontWeight="light"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                     <NavbarStyleFullscreen
                         navItems={[
                             { name: "Home", id: "/" },
+                            { name: "About", id: "/#about" },
                             { name: "Shop", id: "/shop" },
-                            { name: "Contact", id: "/contacts" }
+                            { name: "Team", id: "/#team" },
+                            { name: "Testimonials", id: "/#testimonials" },
+                            { name: "Contact", id: "/#contact" }
                         ]}
                         brandName="Angola"
                         bottomLeftText="Experience the Beauty"
@@ -185,55 +194,60 @@ function ProductPageContent({ params }: ProductPageProps) {
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                     />
                 </div>
-                <div id="product-detail-card" data-section="product-detail-card">
-                    <ProductDetailCard
-                        layout="page"
-                        name={product.name}
-                        price={product.price}
-                        salePrice={meta.salePrice}
-                        rating={product.rating || 0}
-                        description={product.description}
-                        images={images}
-                        variants={variants.length > 0 ? variants : undefined}
-                        quantity={quantityVariant}
-                        ribbon={meta.ribbon}
-                        inventoryStatus={meta.inventoryStatus}
-                        inventoryQuantity={meta.inventoryQuantity}
-                        sku={meta.sku}
-                        buttons={[
-                            { text: "Add To Cart", onClick: handleAddToCart },
-                            { text: "Buy Now", onClick: handleBuyNow },
-                        ]}
-                    />
-                </div>
-                <div id="product-cart" data-section="product-cart">
-                    <ProductCart
-                        isOpen={cartOpen}
-                        onClose={() => setCartOpen(false)}
-                        items={cartItems}
-                        onQuantityChange={updateQuantity}
-                        onRemove={removeItem}
-                        total={`$${cartTotal}`}
-                        buttons={[
-                            {
-                                text: isCheckoutLoading ? "Processing..." : "Check Out",                                onClick: handleCheckout,
-                            },
-                        ]}
-                    />
-                </div>
-                <div id="footer" data-section="footer">
-                    <FooterMedia
-                        imageSrc="http://img.b2bpic.net/free-photo/beautiful-decoration-cute-little-dried-colorful-flowers-wallpaper_343596-3238.jpg?_wi=4"
-                        imageAlt="Soft, blurred pastel flowers in a tranquil setting"
-                        columns={[
-                           { title: "Shop", items: [{ label: "Bouquets", href: "/shop" }, { label: "Arrangements", href: "/shop" }, { label: "Custom Orders", href: "/contacts" }] },
-                           { title: "Company", items: [{ label: "About Us", href: "/" }, { label: "FAQ", href: "/" }, { label: "Contact", href: "/contacts" }] },
-                           { title: "Connect", items: [{ label: "Instagram", href: "https://instagram.com/angola_flowers" }, { label: "Facebook", href: "https://facebook.com/angola_flowers" }] }
-                        ]}
-                        logoText="Angola"
-                        copyrightText="© 2024 Angola Flowers Studio. All rights reserved."
-                    />
-                </div>
+                <main>
+                  <div id="product-detail-card" data-section="product-detail-card">
+                      <ProductDetailCard
+                          layout="page"
+                          name={product.name}
+                          price={product.price}
+                          salePrice={meta.salePrice}
+                          rating={product.rating || 0}
+                          description={product.description}
+                          images={images}
+                          variants={variants.length > 0 ? variants : undefined}
+                          quantity={quantityVariant}
+                          ribbon={meta.ribbon}
+                          inventoryStatus={meta.inventoryStatus}
+                          inventoryQuantity={meta.inventoryQuantity}
+                          sku={meta.sku}
+                          buttons={[
+                              { text: "Add To Cart", onClick: handleAddToCart },
+                              { text: "Buy Now", onClick: handleBuyNow }
+                          ]}
+                      />
+                  </div>
+                  <div id="product-cart" data-section="product-cart">
+                      <ProductCart
+                          isOpen={cartOpen}
+                          onClose={() => setCartOpen(false)}
+                          items={cartItems}
+                          onQuantityChange={updateQuantity}
+                          onRemove={removeItem}
+                          total={`$${cartTotal}`}
+                          buttons={[
+                              {
+                                  text: isCheckoutLoading ? "Processing..." : "Check Out",                                onClick: handleCheckout
+                              }
+                          ]}
+                      />
+                  </div>
+                  <div id="footer" data-section="footer">
+                      <FooterMedia
+                          imageSrc="http://img.b2bpic.net/free-photo/beautiful-decoration-cute-little-dried-colorful-flowers-wallpaper_343596-3238.jpg?_wi=4"
+                          imageAlt="Soft, blurred pastel flowers in a tranquil setting"
+                          columns={[
+                             { title: "Shop", items: [{ label: "Bouquets", href: "/shop" }, { label: "Arrangements", href: "/shop" }, { label: "Custom Orders", href: "/#contact" }] },
+                             { title: "Company", items: [
+                              { label: "About Us", href: "/#about" },
+                              { label: "Contact", href: "/#contact" }
+                             ] },
+                             { title: "Connect", items: [{ label: "Instagram", href: "https://instagram.com/angola_flowers" }, { label: "Facebook", href: "https://facebook.com/angola_flowers" }] }
+                          ]}
+                          logoText="Angola"
+                          copyrightText="© 2024 Angola Flowers Studio. All rights reserved."
+                      />
+                  </div>
+                </main>
             </ReactLenis>
         </ThemeProvider>
     );

src/app/shop/page.tsx

@@ -32,12 +32,15 @@ function ShopPageContent() {
                 headingFontWeight="light"
             >
                 <ReactLenis root>
-                    <div id="navbar" data-section="navbar">
+                    <div id="nav" data-section="nav">
                     <NavbarStyleFullscreen
                         navItems={[
                             { name: "Home", id: "/" },
+                            { name: "About", id: "/#about" },
                             { name: "Shop", id: "/shop" },
-                            { name: "Contact", id: "/contacts" }
+                            { name: "Team", id: "/#team" },
+                            { name: "Testimonials", id: "/#testimonials" },
+                            { name: "Contact", id: "/#contact" }
                         ]}
                         brandName="Angola"
                         bottomLeftText="Experience the Beauty"
@@ -69,12 +72,15 @@ function ShopPageContent() {
             headingFontWeight="light"
         >
             <ReactLenis root>
-                <div id="navbar" data-section="navbar">
+                <div id="nav" data-section="nav">
                     <NavbarStyleFullscreen
                         navItems={[
                             { name: "Home", id: "/" },
+                            { name: "About", id: "/#about" },
                             { name: "Shop", id: "/shop" },
-                            { name: "Contact", id: "/contacts" }
+                            { name: "Team", id: "/#team" },
+                            { name: "Testimonials", id: "/#testimonials" },
+                            { name: "Contact", id: "/#contact" }
                         ]}
                         brandName="Angola"
                         bottomLeftText="Experience the Beauty"
@@ -82,30 +88,35 @@ function ShopPageContent() {
                         button={{ text: "Cart", onClick: () => {} }}
                     />
                 </div>
-                <div id="product-catalog" data-section="product-catalog">
-                <ProductCatalog
-                    layout="page"
-                    products={products}
-                    searchValue={search}
-                    onSearchChange={setSearch}
-                    searchPlaceholder="Search products..."
-                    filters={filters}
-                    emptyMessage="No products found"
-                />
-                </div>
-                <div id="footer" data-section="footer">
-                    <FooterMedia
-                        imageSrc="http://img.b2bpic.net/free-photo/beautiful-decoration-cute-little-dried-colorful-flowers-wallpaper_343596-3238.jpg?_wi=3"
-                        imageAlt="Soft, blurred pastel flowers in a tranquil setting"
-                        columns={[
-                           { title: "Shop", items: [{ label: "Bouquets", href: "/shop" }, { label: "Arrangements", href: "/shop" }, { label: "Custom Orders", href: "/contacts" }] },
-                           { title: "Company", items: [{ label: "About Us", href: "/" }, { label: "FAQ", href: "/" }, { label: "Contact", href: "/contacts" }] },
-                           { title: "Connect", items: [{ label: "Instagram", href: "https://instagram.com/angola_flowers" }, { label: "Facebook", href: "https://facebook.com/angola_flowers" }] }
-                        ]}
-                        logoText="Angola"
-                        copyrightText="© 2024 Angola Flowers Studio. All rights reserved."
+                <main>
+                  <div id="product-catalog" data-section="product-catalog">
+                    <ProductCatalog
+                        layout="page"
+                        products={products}
+                        searchValue={search}
+                        onSearchChange={setSearch}
+                        searchPlaceholder="Search products..."
+                        filters={filters}
+                        emptyMessage="No products found"
                     />
-                </div>
+                  </div>
+                  <div id="footer" data-section="footer">
+                      <FooterMedia
+                          imageSrc="http://img.b2bpic.net/free-photo/beautiful-decoration-cute-little-dried-colorful-flowers-wallpaper_343596-3238.jpg?_wi=3"
+                          imageAlt="Soft, blurred pastel flowers in a tranquil setting"
+                          columns={[
+                             { title: "Shop", items: [{ label: "Bouquets", href: "/shop" }, { label: "Arrangements", href: "/shop" }, { label: "Custom Orders", href: "/#contact" }] },
+                             { title: "Company", items: [
+                              { label: "About Us", href: "/#about" },
+                              { label: "Contact", href: "/#contact" }
+                             ] },
+                             { title: "Connect", items: [{ label: "Instagram", href: "https://instagram.com/angola_flowers" }, { label: "Facebook", href: "https://facebook.com/angola_flowers" }] }
+                          ]}
+                          logoText="Angola"
+                          copyrightText="© 2024 Angola Flowers Studio. All rights reserved."
+                      />
+                  </div>
+                </main>
             </ReactLenis>
         </ThemeProvider>
     );

src/app/styles/variables.css

@@ -2,23 +2,23 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #ffffff;;
-  --card: #f9f9f9;;
-  --foreground: #120006e6;;
-  --primary-cta: #e63946;;
-  --secondary-cta: #f9f9f9;;
-  --accent: #e2e2e2;;
-  --background-accent: #c4c4c4;; */
+  /* --background: #f0fdf4;;
+  --card: #e0f2f1;;
+  --foreground: #1a202c;;
+  --primary-cta: #10b981;;
+  --secondary-cta: #3b82f6;;
+  --accent: #a7f3d0;;
+  --background-accent: #bfdbfe;; */
 
-  --background: #ffffff;;
-  --card: #f9f9f9;;
-  --foreground: #120006e6;;
-  --primary-cta: #e63946;;
+  --background: #f0fdf4;;
+  --card: #e0f2f1;;
+  --foreground: #1a202c;;
+  --primary-cta: #10b981;;
   --primary-cta-text: #ffffff;;
-  --secondary-cta: #f9f9f9;;
-  --secondary-cta-text: #120006e6;;
-  --accent: #e2e2e2;;
-  --background-accent: #c4c4c4;;
+  --secondary-cta: #3b82f6;;
+  --secondary-cta-text: #ffffff;;
+  --accent: #a7f3d0;;
+  --background-accent: #bfdbfe;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);