Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -4,13 +4,13 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
-import { Award, Calendar, Smile } from "lucide-react";
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import { Award, Calendar, Smile, Star } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,14 +30,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",          id: "#hero"},
-        {
-          name: "About",          id: "#about"},
-        {
-          name: "Services",          id: "#services"},
-        {
-          name: "Contact",          id: "#contact"},
+        { name: "Home", id: "#hero" },
+        { name: "About", id: "#about" },
+        { name: "Services", id: "#services" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="The Secret Garden"
     />
@@ -47,23 +43,15 @@ export default function LandingPage() {
       <HeroOverlay
       title="Uncover the magic and beauty of blooms"
       description="At The Secret Garden, we bring your events to life with vibrant, fresh blooms that set the perfect tone for any occasion."
-      buttons={[
-        {
-          text: "Book Your Event",          href: "#contact"},
-      ]}
+      buttons={[{ text: "Book Your Event", href: "#contact" }]}
       imageSrc="http://img.b2bpic.net/free-photo/spring-background-vector-with-blooming-flower-border_53876-104062.jpg"
       showBlur={true}
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/flat-lay-delicate-purple-flowers-white-colored-water_23-2148256405.jpg",          alt: "Flat lay delicate purple flowers in white colored water"},
-        {
-          src: "http://img.b2bpic.net/free-photo/aesthetic-background-trippy-beige-buttercup-flower_53876-128682.jpg",          alt: "Aesthetic background, trippy beige buttercup flower"},
-        {
-          src: "http://img.b2bpic.net/free-photo/delicate-flowers-blue-water_23-2148256485.jpg",          alt: "Delicate flowers in blue water"},
-        {
-          src: "http://img.b2bpic.net/free-photo/ball-garland-christmas-decorations_53876-71456.jpg",          alt: "Ball garland Christmas decorations"},
-        {
-          src: "http://img.b2bpic.net/free-photo/content-girl-working-with-flowers-shop_23-2147761043.jpg",          alt: "Content girl working with flowers in shop"},
+        { src: "http://img.b2bpic.net/free-photo/flat-lay-delicate-purple-flowers-white-colored-water_23-2148256405.jpg", alt: "Flat lay delicate purple flowers in white colored water" },
+        { src: "http://img.b2bpic.net/free-photo/aesthetic-background-trippy-beige-buttercup-flower_53876-128682.jpg", alt: "Aesthetic background, trippy beige buttercup flower" },
+        { src: "http://img.b2bpic.net/free-photo/delicate-flowers-blue-water_23-2148256485.jpg", alt: "Delicate flowers in blue water" },
+        { src: "http://img.b2bpic.net/free-photo/ball-garland-christmas-decorations_53876-71456.jpg", alt: "Ball garland Christmas decorations" },
+        { src: "http://img.b2bpic.net/free-photo/content-girl-working-with-flowers-shop_23-2147761043.jpg", alt: "Content girl working with flowers in shop" },
       ]}
       avatarText="Trusted by 3500+ events"
     />
@@ -73,15 +61,10 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
       heading={[
-        {
-          type: "text",          content: "Crafting Memories"},
-        {
-          type: "image",          src: "http://img.b2bpic.net/free-photo/flowers-from-home-garden-vase-white-background_169016-34806.jpg",          alt: "Floral Design"},
-      ]}
-      buttons={[
-        {
-          text: "Learn More",          href: "#services"},
+        { type: "text", content: "Crafting Memories" },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/flowers-from-home-garden-vase-white-background_169016-34806.jpg", alt: "Floral Design" },
       ]}
+      buttons={[{ text: "Learn More", href: "#services" }]}
     />
   </div>
 
@@ -91,26 +74,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
-        {
-          id: "f1",          title: "Wedding Events",          tags: [
-            "Premium",            "Floral"],
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-provance-living-room-with-brown-sofa-near-fireplace-with-flowers-candles_8353-8450.jpg"},
-        {
-          id: "f2",          title: "Corporate Events",          tags: [
-            "Elegant",            "Professional"],
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-tanned-brunette-shorthaired-woman-floral-vneck-dress-chatting-phone-sits-desk-poses-cozy-fashion-designer-office_197531-29849.jpg"},
-        {
-          id: "f3",          title: "Special Occasions",          tags: [
-            "Unique",            "Personalized"],
-          imageSrc: "http://img.b2bpic.net/free-photo/fancy-wedding-table-decorated-with-flowers_181624-27069.jpg"},
-        {
-          id: "f4",          title: "Boutique Bouquets",          tags: [
-            "Fresh",            "Hand-tied"],
-          imageSrc: "http://img.b2bpic.net/free-photo/greenery-bouquet-with-roses-stand-feast-table_8353-11476.jpg"},
-        {
-          id: "f5",          title: "Installation Art",          tags: [
-            "Grand",            "Immersive"],
-          imageSrc: "http://img.b2bpic.net/free-photo/pink-chrysanthemums-hang-threads-from-ceiling-dinner-hall_1304-3325.jpg"},
+        { id: "f1", title: "Wedding Events", tags: ["Premium", "Floral"], imageSrc: "http://img.b2bpic.net/free-photo/beautiful-provance-living-room-with-brown-sofa-near-fireplace-with-flowers-candles_8353-8450.jpg" },
+        { id: "f2", title: "Corporate Events", tags: ["Elegant", "Professional"], imageSrc: "http://img.b2bpic.net/free-photo/cheerful-tanned-brunette-shorthaired-woman-floral-vneck-dress-chatting-phone-sits-desk-poses-cozy-fashion-designer-office_197531-29849.jpg" },
+        { id: "f3", title: "Special Occasions", tags: ["Unique", "Personalized"], imageSrc: "http://img.b2bpic.net/free-photo/fancy-wedding-table-decorated-with-flowers_181624-27069.jpg" },
+        { id: "f4", title: "Boutique Bouquets", tags: ["Fresh", "Hand-tied"], imageSrc: "http://img.b2bpic.net/free-photo/greenery-bouquet-with-roses-stand-feast-table_8353-11476.jpg" },
+        { id: "f5", title: "Installation Art", tags: ["Grand", "Immersive"], imageSrc: "http://img.b2bpic.net/free-photo/pink-chrysanthemums-hang-threads-from-ceiling-dinner-hall_1304-3325.jpg" },
       ]}
       title="Our Signature Floral Services"
       description="Exquisite floral decor for every milestone."
@@ -123,15 +91,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",          icon: Award,
-          title: "Years Experience",          value: "45+"},
-        {
-          id: "m2",          icon: Smile,
-          title: "Satisfied Clients",          value: "3535+"},
-        {
-          id: "m3",          icon: Calendar,
-          title: "Events Celebrated",          value: "2689+"},
+        { id: "m1", icon: Award, title: "Years Experience", value: "45+" },
+        { id: "m2", icon: Smile, title: "Satisfied Clients", value: "3535+" },
+        { id: "m3", icon: Calendar, title: "Events Celebrated", value: "2689+" },
       ]}
       title="Our Floral Milestones"
       description="Creating excellence in every petal."
@@ -139,66 +101,46 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      textboxLayout="default"
-      useInvertedBackground={true}
-      animationType="blur-reveal"
-      testimonials={[
-        {
-          id: "t1",          name: "Varun",          role: "Client",          company: "Secret Garden",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-point-finger-you_93675-135553.jpg"},
-        {
-          id: "t2",          name: "Srija",          role: "Client",          company: "Secret Garden",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-black-suit-with-tie-posing_114579-15876.jpg"},
-        {
-          id: "t3",          name: "Priya",          role: "Client",          company: "Secret Garden",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/people-taking-selfie-medium-shot_23-2149110910.jpg"},
-        {
-          id: "t4",          name: "Amit",          role: "Client",          company: "Secret Garden",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-talking-with-each-other_23-2148395400.jpg"},
-        {
-          id: "t5",          name: "Sneha",          role: "Client",          company: "Secret Garden",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/toast-you-dear-colleague_637285-9641.jpg"},
-      ]}
-      kpiItems={[
-        {
-          label: "Rating",          value: "5.0"},
-        {
-          label: "Clients",          value: "3500+"},
-        {
-          label: "Happy",          value: "100%"},
-      ]}
+      <TestimonialCardThirteen
       title="What Our Clients Say"
-      description="Treasured feedback from our garden of happy customers."
+      description="Refining the art of luxury floral experiences."
+      showRating={true}
+      animationType="depth-3d"
+      textboxLayout="default"
+      useInvertedBackground={false}
+      testimonials={[
+        { id: "t1", name: "Varun", handle: "@varun", testimonial: "The floral arrangements were absolutely breathtaking, turning our venue into a dreamland.", rating: 5, icon: Star },
+        { id: "t2", name: "Srija", handle: "@srija", testimonial: "Professionalism and artistry combined perfectly. Truly memorable experiences.", rating: 5, icon: Star },
+        { id: "t3", name: "Priya", handle: "@priya", testimonial: "The attention to detail in every bouquet is unmatched. We loved it!", rating: 5, icon: Star },
+      ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactText
+      text="Let's create something extraordinary together."
+      background={{ variant: "sparkles-gradient" }}
+      buttons={[{ text: "Start Consultation", href: "#" }]}
       useInvertedBackground={false}
-      background={{
-        variant: "canvas-reveal"}}
-      text="Ready to bring your floral vision to life? Visit us at G2, Alsa Mall, Egmore, Chennai or reach us at 98403 66025."
-      buttons={[
-        {
-          text: "Contact Us",          href: "mailto:thesecretgarden.official@gmail.com"},
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-blooming-white-flowers-greenery_181624-23046.jpg"
+      <FooterBaseCard
       logoText="The Secret Garden"
       columns={[
         {
-          title: "Menu",          items: [
-            {
-              label: "Home",              href: "#hero"},
-            {
-              label: "About",              href: "#about"},
-            {
-              label: "Contact",              href: "#contact"},
+          title: "Explore",          items: [
+            { label: "Home", href: "#hero" },
+            { label: "About", href: "#about" },
+            { label: "Services", href: "#services" },
+          ],
+        },
+        {
+          title: "Connect",          items: [
+            { label: "Bookings", href: "#contact" },
+            { label: "Gallery", href: "#" },
+            { label: "Privacy", href: "#" },
           ],
         },
       ]}
@@ -207,4 +149,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fffafa;
-  --card: #fff7f7;
+  --background: #fbf8f5;
+  --card: #ffffff;
   --foreground: #2b180a;
   --primary-cta: #0a7039;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #f1eee9;
   --secondary-cta-text: #2b180a;
-  --accent: #f5c4c7;
-  --background-accent: #f09199;
+  --accent: #d4b996;
+  --background-accent: #e8e1d5;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);