Merge version_9 into main

Merge version_9 into main

src/app/page.tsx

@@ -1,8 +1,8 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
+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,63 +37,38 @@ export default function LandingPage() {
       </div>
       
       <div id="hero" data-section="hero">
-        <HeroBillboardRotatedCarousel
+        <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: "Order Now", href: "#contact" },
+            { text: "Hello World", href: "contact" },
-            { text: "Explore Designs", href: "#features" }
+            { text: "Explore Designs", href: "features" }
           ]}
           buttonAnimation="slide-up"
-          background={{ variant: "plain" }}
+          imageSrc="http://img.b2bpic.net/free-photo/girlfriend-standing-living-room-filled-with-romantic-gifts_482257-77346.jpg?_wi=1"
-          carouselItems={[
+          imageAlt="Red rose arrangement"
-            { 
+          mediaAnimation="slide-up"
-              id: "1", 
+          avatars={[
-              imageSrc: "http://img.b2bpic.net/free-photo/girlfriend-standing-living-room-filled-with-romantic-gifts_482257-77346.jpg?_wi=1", 
+            { src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "User 1" },
-              imageAlt: "Red rose arrangement" 
+            { 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" }
-            { 
-              id: "2", 
-              imageSrc: "http://img.b2bpic.net/free-photo/bouquet-flowers-tree_1153-1066.jpg", 
-              imageAlt: "Wedding flower bouquet" 
-            },
-            { 
-              id: "3", 
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-blooming-flowers_23-2148443901.jpg", 
-              imageAlt: "Elegant peony arrangement" 
-            },
-            { 
-              id: "4", 
-              imageSrc: "http://img.b2bpic.net/free-photo/flowers-with-glass-beside_23-2148879003.jpg", 
-              imageAlt: "Red carnation design" 
-            },
-            { 
-              id: "5", 
-              imageSrc: "http://img.b2bpic.net/free-photo/empty-room-with-flowers-bouquet-valentines-day-event-celebrating-romantic-holiday-with-red-roses-boxes-sweet-presents-nobody-space-with-gifts-express-love-passion_482257-35457.jpg", 
-              imageAlt: "Romantic rose arrangement" 
-            },
-            { 
-              id: "6", 
-              imageSrc: "http://img.b2bpic.net/free-photo/floral-decor-woman-holding-bouquet-anthurium_140725-10842.jpg", 
-              imageAlt: "Premium studio arrangement" 
-            }
           ]}
-          autoPlay={true}
+          avatarText="Loved by customers"
-          autoPlayInterval={4000}
+          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}
@@ -102,19 +77,19 @@ export default function LandingPage() {
       
       <div id="features" data-section="features">
         <FeatureCardSeven
-          title="Our Services"
+          title="Join to us"
           description="From wedding celebrations to corporate events, we deliver exceptional floral experiences tailored to your vision."
           tag="What We Offer"
           tagIcon={Star}
           tagAnimation="slide-up"
           buttons={[
-            { text: "Get a Quote", href: "#contact" }
+            { text: "Get a Quote", href: "contact" }
           ]}
           buttonAnimation="slide-up"
           features={[
             {
               id: 1,
-              title: "Wedding Flowers",              description: "Create the wedding of your dreams with our bespoke floral designs. From bridal bouquets to ceremony installations, we handle every detail with precision and passion.",              imageSrc: "http://img.b2bpic.net/free-photo/blooming-flowers-table-garden_1304-4038.jpg",              imageAlt: "Wedding flowers ceremony"
+              title: "Wedding Flowers",              description: "Create the wedding of your dreams with our bespoke floral designs. From bridal bouquets to ceremony installations, we handle every detail with precision and passion.",              imageSrc: "http://img.b2bpic.net/free-photo/blooming-flowers-table-garden_1304-4038.jpg?_wi=2",              imageAlt: "Wedding flowers ceremony"
             },
             {
               id: 2,
@@ -132,30 +107,31 @@ export default function LandingPage() {
           textboxLayout="default"
           animationType="blur-reveal"
           useInvertedBackground={true}
+          textBoxTitleClassName="text-purple-600"
         />
       </div>
       
       <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"
@@ -183,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

@@ -10,15 +10,15 @@
   --accent: #e2e2e2;;
   --background-accent: #2d0000;; */
 
-  --background: #ffffff;;
+  --background: #f5f5f5;;
-  --card: #a2f287;;
+  --card: #ffffff;;
-  --foreground: #5e0404;;
+  --foreground: #1c1c1c;;
-  --primary-cta: #f5788d;;
+  --primary-cta: #1c1c1c;;
-  --primary-cta-text: #ffffff;;
+  --primary-cta-text: #f5f5f5;;
-  --secondary-cta: #1a0000;;
+  --secondary-cta: #ffffff;;
-  --secondary-cta-text: #e1db32;;
+  --secondary-cta-text: #1c1c1c;;
-  --accent: #1f35d4;;
+  --accent: #159c49;;
-  --background-accent: #2d0000;;
+  --background-accent: #a8e8ba;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);