Merge version_9 into main

Merge version_9 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import TextAbout from '@/components/sections/about/TextAbout';
 import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
@@ -26,7 +26,7 @@ export default function LandingPage() {
     >
       <div id="nav" data-section="nav">
         <NavbarStyleApple
-          brandName="Kviten"
+          brandName="JP Koko "
           navItems={[
             { name: "Portfolio", id: "features" },
             { name: "About", id: "about" },
@@ -37,40 +37,38 @@ export default function LandingPage() {
       </div>
       
       <div id="hero" data-section="hero">
-        <HeroSplitDualMedia
+        <HeroBillboard
           title="Exquisite Floral Artistry"
-          description="Transform your moments into unforgettable memories with Kviten's handcrafted floral arrangements. Each bloom is carefully selected to create stunning designs that speak to the heart."
+          description="Transform your moments into unforgettable memories with JP Koko 's handcrafted floral arrangements. Each bloom is carefully selected to create stunning designs that speak to the heart."
           tag="Premium Flowers"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           buttons={[
-            { text: "Hello World", href: "#contact" },
+            { text: "Hello World", href: "contact" },
-            { text: "Explore Designs", href: "#features" }
+            { text: "Explore Designs", href: "features" }
           ]}
           buttonAnimation="slide-up"
-          mediaItems={[
+          imageSrc="http://img.b2bpic.net/free-photo/girlfriend-standing-living-room-filled-with-romantic-gifts_482257-77346.jpg?_wi=1"
-            {
+          imageAlt="Red rose arrangement"
-              imageSrc: "http://img.b2bpic.net/free-photo/girlfriend-standing-living-room-filled-with-romantic-gifts_482257-77346.jpg?_wi=1",              imageAlt: "Red rose arrangement"
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/blooming-flowers-table-garden_1304-4038.jpg?_wi=1",              imageAlt: "Wedding flowers ceremony"
-            }
-          ]}
           mediaAnimation="slide-up"
-          rating={5}
+          avatars={[
-          ratingText="Loved by customers"
+            { src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "User 1" },
+            { src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg", alt: "User 2" },
+            { src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "User 3" }
+          ]}
+          avatarText="Loved by customers"
           background={{ variant: "plain" }}
         />
       </div>
       
       <div id="about" data-section="about">
         <TextAbout
-          tag="About Kviten"
+          tag="About JP Koko "
           tagIcon={Heart}
           tagAnimation="slide-up"
-          title="Celebrating the Beauty of Nature Through Floral Design. At Kviten, we believe every flower tells a story. Our studio combines traditional florist techniques with contemporary aesthetics to create arrangements that inspire, delight, and endure."
+          title="Celebrating the Beauty of Nature Through Floral Design. At JP Koko , we believe every flower tells a story. Our studio combines traditional florist techniques with contemporary aesthetics to create arrangements that inspire, delight, and endure."
           buttons={[
-            { text: "Learn Our Story", href: "#features" }
+            { text: "Learn Our Story", href: "features" }
           ]}
           buttonAnimation="slide-up"
           useInvertedBackground={false}
@@ -85,7 +83,7 @@ export default function LandingPage() {
           tagIcon={Star}
           tagAnimation="slide-up"
           buttons={[
-            { text: "Get a Quote", href: "#contact" }
+            { text: "Get a Quote", href: "contact" }
           ]}
           buttonAnimation="slide-up"
           features={[
@@ -115,25 +113,25 @@ export default function LandingPage() {
       
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardFifteen
-          testimonial="Kviten transformed our wedding day with the most beautiful floral arrangements we could imagine. Every detail was perfect, and the quality of the flowers exceeded our expectations. We couldn't have asked for better service."
+          testimonial="JP Koko  transformed our wedding day with the most beautiful floral arrangements we could imagine. Every detail was perfect, and the quality of the flowers exceeded our expectations. We couldn't have asked for better service."
           rating={5}
           author="Sarah & Michael, Wedding Couple"
           avatars={[
             { 
-              src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", 
+              src: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400&h=400&fit=crop", 
               alt: "Sarah" 
             },
             { 
-              src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", 
+              src: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop", 
               alt: "Client testimonial" 
             },
             { 
-              src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", 
+              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3A47KqSdGj7sEG8mcGU4TIVm5ml/smiling-student-non-binary-approximately-1771845861526-876f4195.png", 
               alt: "Happy customer" 
             },
             { 
-              src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg", 
+              src: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=400&h=400&fit=crop", 
-              alt: "Kviten client" 
+              alt: "JP Koko  client" 
             }
           ]}
           ratingAnimation="slide-up"
@@ -161,28 +159,28 @@ export default function LandingPage() {
       
       <div id="footer" data-section="footer">
         <FooterBase
-          logoText="Kviten"
+          logoText="JP Koko "
-          copyrightText="© 2025 Kviten Floral Studio | Crafting Beauty Through Flowers"
+          copyrightText="© 2025 JP Koko  Floral Studio | Crafting Beauty Through Flowers"
           columns={[
             {
               title: "Services",              items: [
-                { label: "Wedding Flowers", href: "#features" },
+                { label: "Wedding Flowers", href: "features" },
-                { label: "Event Decoration", href: "#features" },
+                { label: "Event Decoration", href: "features" },
-                { label: "Gift Arrangements", href: "#features" },
+                { label: "Gift Arrangements", href: "features" },
-                { label: "Subscriptions", href: "#features" }
+                { label: "Subscriptions", href: "features" }
               ]
             },
             {
               title: "About",              items: [
-                { label: "Our Story", href: "#about" },
+                { label: "Our Story", href: "about" },
                 { label: "Our Team", href: "#" },
-                { label: "Portfolio", href: "#features" },
+                { label: "Portfolio", href: "features" },
                 { label: "Blog", href: "#" }
               ]
             },
             {
               title: "Contact",              items: [
-                { label: "Get in Touch", href: "#contact" },
+                { label: "Get in Touch", href: "contact" },
                 { label: "Privacy Policy", href: "#" },
                 { label: "Terms of Service", href: "#" },
                 { label: "Follow Us", href: "#" }

src/app/styles/variables.css

@@ -18,7 +18,7 @@
   --secondary-cta: #ffffff;;
   --secondary-cta-text: #1c1c1c;;
   --accent: #159c49;;
-  --background-accent: #a8e8ba;;
+  --background-accent: #a7c1e8;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);