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 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
-          title="Exquisite Flowerral Artistry"
-          description="Transform your moments into unforgettable memories with Kviten's handcrafted floral arrangements. Each bloom is carefully selected to create stunwerning designs that speak to the heart."
+        <HeroBillboard
+          title="Exquisite Floral Artistry"
+          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: "Explore Designs", href: "#features" }
+            { text: "Hello World", href: "contact" },
+            { text: "Explore Designs", href: "features" }
           ]}
           buttonAnimation="slide-up"
-          background={{ variant: "plain" }}
-          carouselItems={[
-            { 
-              id: "1", 
-              imageSrc: "http://img.b2bpic.net/free-photo/girlfriend-standing-living-room-filled-with-romantic-gifts_482257-77346.jpg?_wi=1", 
-              imageAlt: "Red rose arrangement" 
-            },
-            { 
-              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" 
-            }
+          imageSrc="http://img.b2bpic.net/free-photo/girlfriend-standing-living-room-filled-with-romantic-gifts_482257-77346.jpg?_wi=1"
+          imageAlt="Red rose arrangement"
+          mediaAnimation="slide-up"
+          avatars={[
+            { 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" }
           ]}
-          autoPlay={true}
-          autoPlayInterval={4000}
+          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}
@@ -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", 
-              alt: "Kviten client" 
+              src: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=400&h=400&fit=crop", 
+              alt: "JP Koko  client" 
             }
           ]}
           ratingAnimation="slide-up"
@@ -183,28 +159,28 @@ export default function LandingPage() {
       
       <div id="footer" data-section="footer">
         <FooterBase
-          logoText="Kviten"
-          copyrightText="© 2025 Kviten Floral Studio | Crafting Beauty Through Flowers"
+          logoText="JP Koko "
+          copyrightText="© 2025 JP Koko  Floral Studio | Crafting Beauty Through Flowers"
           columns={[
             {
               title: "Services",              items: [
-                { label: "Wedding Flowers", href: "#features" },
-                { label: "Event Decoration", href: "#features" },
-                { label: "Gift Arrangements", href: "#features" },
-                { label: "Subscriptions", href: "#features" }
+                { label: "Wedding Flowers", href: "features" },
+                { label: "Event Decoration", href: "features" },
+                { label: "Gift Arrangements", 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: "#" }
@@ -215,4 +191,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

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