Update src/app/about/page.tsx

Merge version_1 into main

src/app/about/page.tsx

@@ -0,0 +1,170 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import SplitAbout from "@/components/sections/about/SplitAbout";
+import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
+import TeamCardSix from "@/components/sections/team/TeamCardSix";
+import ContactCTA from "@/components/sections/contact/ContactCTA";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+import {
+  Award,
+  Sparkles,
+  Users,
+  Heart,
+  Zap,
+} from "lucide-react";
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="elastic-effect"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="mediumSmall"
+      sizing="large"
+      background="circleGradient"
+      cardStyle="gradient-mesh"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="solid"
+      headingFontWeight="bold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="Daily Tracker"
+          navItems={[
+            { name: "Habits", id: "habits" },
+            { name: "Cycle", id: "cycle" },
+            { name: "Analytics", id: "analytics" },
+            { name: "Pricing", id: "/pricing" },
+            { name: "About", id: "/about" },
+          ]}
+          button={{ text: "Get Started", href: "#" }}
+          animateOnLoad={true}
+        />
+      </div>
+
+      <div id="about-intro" data-section="about-intro">
+        <SplitAbout
+          tag="About Us"
+          tagIcon={Sparkles}
+          tagAnimation="slide-up"
+          title="8+ Years of Wellness Excellence"
+          description="Since 2016, we've been dedicated to helping people understand themselves better through daily habit tracking and cycle awareness. Our mission is to empower individuals with the tools and insights they need to build sustainable wellness routines and optimize their lives."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          bulletPoints={[
+            {
+              title: "Founded in 2016",              description: "Over 8 years of experience building wellness solutions that truly matter to our users.",              icon: Award,
+            },
+            {
+              title: "Trusted by Thousands",              description: "Our platform is used by thousands of individuals worldwide who trust us with their personal health data.",              icon: Users,
+            },
+            {
+              title: "Science-Backed Approach",              description: "Built on research about circadian rhythms, menstrual cycles, and behavioral psychology to maximize results.",              icon: Zap,
+            },
+            {
+              title: "Privacy First",              description: "Your data stays on your device. We believe wellness is personal and private by design.",              icon: Heart,
+            },
+          ]}
+          imageSrc="http://img.b2bpic.net/free-vector/interface-task-management-application_23-2148632023.jpg?_wi=1"
+          imageAlt="Our wellness platform"
+          mediaAnimation="slide-up"
+          imagePosition="right"
+          buttons={[{ text: "View Pricing", href: "/pricing" }]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="about-impact" data-section="about-impact">
+        <MetricSplitMediaAbout
+          tag="Our Impact"
+          tagIcon={Award}
+          tagAnimation="slide-up"
+          title="Building Wellness Communities"
+          description="With 8+ years of dedicated development and a passionate community of users, we've refined our approach to wellness tracking. Our experience has taught us what truly matters: simplicity, consistency, and actionable insights."
+          metrics={[
+            { value: "8+", title: "Years of Excellence" },
+            { value: "10K+", title: "Active Users" },
+          ]}
+          imageSrc="http://img.b2bpic.net/free-vector/beauty-salon-booking-application-template-with-photo_23-2148569131.jpg?_wi=1"
+          imageAlt="Community impact"
+          mediaAnimation="slide-up"
+          metricsAnimation="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="team" data-section="team">
+        <TeamCardSix
+          tag="Meet Our Team"
+          tagIcon={Users}
+          tagAnimation="slide-up"
+          title="Passionate Wellness Advocates"
+          description="Our diverse team brings together expertise in health, technology, and design to create the best wellness tracking experience."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          gridVariant="three-columns-all-equal-width"
+          members={[
+            {
+              id: "1",              name: "Sarah Johnson",              role: "Founder & CEO",              imageSrc: "http://img.b2bpic.net/free-vector/colorful-social-media-weekly-plan-calendar_742173-9916.jpg?_wi=1",              imageAlt: "Sarah Johnson"},
+            {
+              id: "2",              name: "Michael Chen",              role: "CTO & Lead Developer",              imageSrc: "http://img.b2bpic.net/free-vector/user-panel-business-dashboard_23-2148358960.jpg?_wi=1",              imageAlt: "Michael Chen"},
+            {
+              id: "3",              name: "Emma Rodriguez",              role: "Wellness Coach & Product Lead",              imageSrc: "http://img.b2bpic.net/free-vector/interface-task-management-application_23-2148632023.jpg?_wi=1",              imageAlt: "Emma Rodriguez"},
+          ]}
+          buttons={[{ text: "Join Our Team", href: "#" }]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="cta" data-section="cta">
+        <ContactCTA
+          tag="Ready to Join Us?"
+          tagIcon={Sparkles}
+          tagAnimation="slide-up"
+          title="Start Your Wellness Journey Today"
+          description="Join thousands of people who have transformed their daily routines and wellness awareness using our 8+ years of refined wellness expertise."
+          background={{ variant: "radial-gradient" }}
+          useInvertedBackground={false}
+          buttons={[
+            { text: "Get Started Now", href: "/" },
+            { text: "View Pricing", href: "/pricing" },
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          columns={[
+            {
+              title: "Product",              items: [
+                { label: "Habit Tracker", href: "/" },
+                { label: "Cycle Tracker", href: "/" },
+                { label: "Analytics", href: "/" },
+              ],
+            },
+            {
+              title: "Resources",              items: [
+                { label: "Documentation", href: "#" },
+                { label: "FAQ", href: "/" },
+                { label: "Support", href: "#" },
+              ],
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Contact Us", href: "/" },
+              ],
+            },
+          ]}
+          bottomLeftText="© 2025 Personal Daily Tracker Dashboard. All rights reserved."
+          bottomRightText="Built for your wellness journey"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/contact/page.tsx

@@ -0,0 +1,143 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import ContactCTA from "@/components/sections/contact/ContactCTA";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+import { MessageCircle, MapPin, Phone } from "lucide-react";
+
+export default function ContactPage() {
+  const handleWhatsAppClick = () => {
+    window.open("https://wa.me/1234567890?text=Hello%20I%20would%20like%20to%20inquire", "_blank");
+  };
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="elastic-effect"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="mediumSmall"
+      sizing="large"
+      background="circleGradient"
+      cardStyle="gradient-mesh"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="solid"
+      headingFontWeight="bold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="Daily Tracker"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Testimonials", id: "/testimonials" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          button={{ text: "Get Started", href: "/" }}
+          animateOnLoad={true}
+        />
+      </div>
+
+      <div id="contact-hero" data-section="contact-hero" className="py-20">
+        <div className="container mx-auto px-4 text-center">
+          <h1 className="text-5xl font-bold mb-4">Get In Touch</h1>
+          <p className="text-xl text-gray-600 max-w-2xl mx-auto">
+            Have questions or feedback? We'd love to hear from you. Reach out using any of the methods below.
+          </p>
+        </div>
+      </div>
+
+      <div id="contact-methods" data-section="contact-methods" className="py-20">
+        <div className="container mx-auto px-4">
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
+            <div className="text-center p-8 rounded-lg bg-gradient-to-br from-blue-50 to-indigo-50">
+              <MapPin className="w-12 h-12 mx-auto mb-4 text-indigo-600" />
+              <h3 className="text-xl font-semibold mb-2">Location</h3>
+              <p className="text-gray-600">Our office is located worldwide. We serve clients globally with comprehensive wellness tracking solutions.</p>
+            </div>
+            <div className="text-center p-8 rounded-lg bg-gradient-to-br from-green-50 to-emerald-50">
+              <MessageCircle className="w-12 h-12 mx-auto mb-4 text-green-600" />
+              <h3 className="text-xl font-semibold mb-2">WhatsApp Support</h3>
+              <p className="text-gray-600 mb-4">Get instant support via WhatsApp for quick inquiries and assistance with your account.</p>
+              <button
+                onClick={handleWhatsAppClick}
+                className="inline-block px-4 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700 transition"
+              >
+                Message Us
+              </button>
+            </div>
+            <div className="text-center p-8 rounded-lg bg-gradient-to-br from-purple-50 to-pink-50">
+              <Phone className="w-12 h-12 mx-auto mb-4 text-purple-600" />
+              <h3 className="text-xl font-semibold mb-2">Contact Info</h3>
+              <p className="text-gray-600">Email: support@dailytracker.com<br/>Phone: +1 (555) 123-4567</p>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div id="map-section" data-section="map-section" className="py-20">
+        <div className="container mx-auto px-4">
+          <h2 className="text-3xl font-bold text-center mb-10">Find Us</h2>
+          <div className="rounded-lg overflow-hidden shadow-lg h-96 md:h-96">
+            <iframe
+              src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3024.2219901290355!2d-74.00601631234567!3d40.71282331234567!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c25a27ce2a7f69%3A0x27f07d430278a31!2sNew%20York%2C%20NY!5e0!3m2!1sen!2sus!4v1234567890"
+              width="100%"
+              height="100%"
+              style={{ border: 0 }}
+              allowFullScreen
+              loading="lazy"
+              referrerPolicy="no-referrer-when-downgrade"
+              title="Location Map"
+            />
+          </div>
+        </div>
+      </div>
+
+      <div id="contact-form" data-section="contact-form">
+        <ContactCTA
+          tag="Let's Connect"
+          tagIcon={MessageCircle}
+          tagAnimation="slide-up"
+          title="Ready to Start Your Wellness Journey?"
+          description="Get in touch with our team to learn more about how Daily Tracker can transform your productivity and wellness. We're here to help!"
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+          buttons={[
+            { text: "Message via WhatsApp", onClick: handleWhatsAppClick },
+            { text: "Send Email", href: "mailto:support@dailytracker.com" },
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          columns={[
+            {
+              title: "Navigation",              items: [
+                { label: "Home", href: "/" },
+                { label: "Testimonials", href: "/testimonials" },
+                { label: "Contact", href: "/contact" },
+              ],
+            },
+            {
+              title: "Resources",              items: [
+                { label: "Documentation", href: "#" },
+                { label: "FAQ", href: "#" },
+                { label: "Support", href: "#" },
+              ],
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Contact Us", href: "/contact" },
+              ],
+            },
+          ]}
+          bottomLeftText="© 2025 Personal Daily Tracker Dashboard. All rights reserved."
+          bottomRightText="Built for your wellness journey"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/gallery/page.tsx

@@ -0,0 +1,138 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
+import TeamCardSix from "@/components/sections/team/TeamCardSix";
+import ContactCTA from "@/components/sections/contact/ContactCTA";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+import { Image, Heart } from "lucide-react";
+
+export default function GalleryPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="elastic-effect"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="mediumSmall"
+      sizing="large"
+      background="circleGradient"
+      cardStyle="gradient-mesh"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="solid"
+      headingFontWeight="bold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="Daily Tracker"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Services", id: "/services" },
+            { name: "Gallery", id: "/gallery" },
+          ]}
+          button={{ text: "Book Services", href: "/services" }}
+          animateOnLoad={true}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroBillboardCarousel
+          tag="Photo Gallery"
+          title="Our Portfolio"
+          description="Explore our collection of stunning balloon decorations, elegant wedding setups, and beautiful event celebrations. Each image tells a story of our commitment to creating magical moments."
+          background={{ variant: "animated-grid" }}
+          mediaItems={[
+            {
+              imageSrc: "http://img.b2bpic.net/free-vector/celebration-background-with-balloons_1212-343.jpg?_wi=1",              imageAlt: "Balloon arch decoration"},
+            {
+              imageSrc: "http://img.b2bpic.net/free-vector/wedding-couple-illustration_1212-456.jpg?_wi=1",              imageAlt: "Wedding venue setup"},
+            {
+              imageSrc: "http://img.b2bpic.net/free-vector/party-decoration-elements_1212-789.jpg?_wi=1",              imageAlt: "Party decorations"},
+            {
+              imageSrc: "http://img.b2bpic.net/free-vector/event-planning-concept_1212-321.jpg?_wi=1",              imageAlt: "Event decoration detail"},
+            {
+              imageSrc: "http://img.b2bpic.net/free-vector/balloons-confetti-celebration_1212-654.jpg?_wi=1",              imageAlt: "Festive celebration setup"},
+          ]}
+          buttons={[
+            { text: "View Services", href: "/services" },
+            { text: "Get Quote", href: "#contact" },
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="gallery" data-section="gallery">
+        <TeamCardSix
+          tag="Project Gallery"
+          title="Our Best Works"
+          description="A curated collection of our most stunning balloon decorations and wedding celebrations. Each image showcases our attention to detail and creative expertise."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          gridVariant="bento-grid"
+          animationType="scale-rotate"
+          members={[
+            {
+              id: "1",              name: "Elegant Balloon Arch",              role: "Wedding Entrance",              imageSrc: "http://img.b2bpic.net/free-vector/celebration-background-with-balloons_1212-343.jpg?_wi=2",              imageAlt: "Elegant balloon arch decoration"},
+            {
+              id: "2",              name: "Wedding Ceremony Setup",              role: "Venue Decoration",              imageSrc: "http://img.b2bpic.net/free-vector/wedding-couple-illustration_1212-456.jpg?_wi=2",              imageAlt: "Wedding ceremony venue"},
+            {
+              id: "3",              name: "Birthday Balloon Display",              role: "Party Decoration",              imageSrc: "http://img.b2bpic.net/free-vector/party-decoration-elements_1212-789.jpg?_wi=2",              imageAlt: "Colorful birthday balloon display"},
+            {
+              id: "4",              name: "Event Centerpieces",              role: "Table Decoration",              imageSrc: "http://img.b2bpic.net/free-vector/event-planning-concept_1212-321.jpg?_wi=2",              imageAlt: "Elegant event centerpieces"},
+            {
+              id: "5",              name: "Grand Balloon Installation",              role: "Large Event Setup",              imageSrc: "http://img.b2bpic.net/free-vector/balloons-confetti-celebration_1212-654.jpg?_wi=2",              imageAlt: "Grand balloon installation"},
+            {
+              id: "6",              name: "Reception Ambiance",              role: "Wedding Reception",              imageSrc: "http://img.b2bpic.net/free-vector/celebration-background-with-balloons_1212-343.jpg?_wi=3",              imageAlt: "Wedding reception ambiance"},
+          ]}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactCTA
+          tag="Inspired?"
+          tagIcon={Heart}
+          tagAnimation="slide-up"
+          title="Let's Create Something Beautiful"
+          description="Interested in booking our services? Contact us to discuss your event vision and let us help you create an unforgettable celebration with our professional balloon decoration and wedding services."
+          background={{ variant: "radial-gradient" }}
+          useInvertedBackground={false}
+          buttons={[
+            { text: "Book Now", href: "/services" },
+            { text: "Contact Us", href: "#" },
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          columns={[
+            {
+              title: "Pages",              items: [
+                { label: "Home", href: "/" },
+                { label: "Services", href: "/services" },
+                { label: "Gallery", href: "/gallery" },
+              ],
+            },
+            {
+              title: "Services",              items: [
+                { label: "Balloon Decoration", href: "/services" },
+                { label: "Wedding Planning", href: "/services" },
+                { label: "Event Decoration", href: "/services" },
+              ],
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Contact", href: "#contact" },
+              ],
+            },
+          ]}
+          bottomLeftText="© 2025 Event Celebrations. All rights reserved."
+          bottomRightText="Creating unforgettable moments"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/layout.tsx

@@ -1,46 +1,21 @@
 import type { Metadata } from "next";
-import { Halant } from "next/font/google";
 import { Inter } from "next/font/google";
-import { Public_Sans } from "next/font/google";
 import "./globals.css";
-import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";
 
-const halant = Halant({
+const inter = Inter({ variable: "--font-inter", subsets: ["latin"] });
-  variable: "--font-halant",  subsets: ["latin"],
-  weight: ["300", "400", "500", "600", "700"],
-});
-
-const inter = Inter({
-  variable: "--font-inter",  subsets: ["latin"],
-});
-
-const publicSans = Public_Sans({
-  variable: "--font-public-sans",  subsets: ["latin"],
-});
 
 export const metadata: Metadata = {
-  title: "Personal Daily Tracker Dashboard | Habit & Period Tracking",  description: "Track 13 daily habits, monitor your menstrual cycle phases, and visualize your wellness progress. Free Streamlit app with productivity scoring and cycle intelligence.",  keywords: "habit tracker, menstrual cycle tracker, productivity tracking, personal wellness, daily habits, period tracking app, cycle phases",  robots: {
+  title: "Personal Daily Tracker Dashboard",  description: "Track your daily habits, monitor your menstrual cycle, and unlock powerful insights into your wellness journey."};
-    index: true,
-    follow: true,
-  },
-  openGraph: {
-    title: "Personal Daily Tracker Dashboard",    description: "Complete habit tracking and menstrual cycle monitoring in one intuitive app. Track your progress with productivity scores and cycle phase insights.",    type: "website",    siteName: "Personal Daily Tracker"},
-};
 
 export default function RootLayout({
   children,
-}: Readonly<{
+}: {
   children: React.ReactNode;
-}>) {
+}) {
   return (
-    <html lang="en" suppressHydrationWarning>
+    <html lang="en">
-      <ServiceWrapper>
+      <body className={`${inter.variable} font-sans`}>
-        <body
+        {children}
-          className={`${halant.variable} ${inter.variable} ${publicSans.variable} antialiased`}
-        >
-          <Tag />
-          {children}
       
         <script
           dangerouslySetInnerHTML={{
@@ -1409,7 +1384,6 @@ export default function RootLayout({
           }}
         />
       </body>
-      </ServiceWrapper>
     </html>
   );
 }

src/app/page.tsx

@@ -45,7 +45,8 @@ export default function LandingPage() {
             { name: "Habits", id: "habits" },
             { name: "Cycle", id: "cycle" },
             { name: "Analytics", id: "analytics" },
-            { name: "About", id: "about" },
+            { name: "Testimonials", id: "/testimonials" },
+            { name: "Contact", id: "/contact" },
           ]}
           button={{ text: "Get Started", href: "#habits" }}
           animateOnLoad={true}
@@ -82,7 +83,7 @@ export default function LandingPage() {
           ]}
           buttons={[
             { text: "Start Tracking", href: "#habits" },
-            { text: "Learn More", href: "#about" },
+            { text: "Learn More", href: "#habits" },
           ]}
           buttonAnimation="slide-up"
           carouselPosition="right"
@@ -234,7 +235,7 @@ export default function LandingPage() {
             {
               id: "7",              title: "How often should I check the app?",              content: "For best results, check the app daily to log your completed habits. Even a quick daily check-in takes less than 2 minutes and helps maintain consistency. Period tracking can be updated as needed when your cycle begins or ends."},
             {
-              id: "8",              title: "Can I see historical data and trends?",              content: "Yes! The app displays tables of all saved entries, productivity graphs showing Date vs Productivity %, and bar charts for habit consistency over time. All historical data is preserved in your CSV files for long-term trend analysis."}
+              id: "8",              title: "Can I see historical data and trends?",              content: "Yes! The app displays tables of all saved entries, productivity graphs showing Date vs Productivity %, and bar charts for habit consistency over time. All historical data is preserved in your CSV files for long-term trend analysis."},
           ]}
         />
       </div>
@@ -277,7 +278,7 @@ export default function LandingPage() {
               title: "Legal",              items: [
                 { label: "Privacy Policy", href: "#" },
                 { label: "Terms of Service", href: "#" },
-                { label: "Contact Us", href: "#contact" },
+                { label: "Contact Us", href: "/contact" },
               ],
             },
           ]}

src/app/pricing/page.tsx

@@ -0,0 +1,101 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+import { Sparkles } from "lucide-react";
+
+export default function PricingPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="elastic-effect"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="mediumSmall"
+      sizing="large"
+      background="circleGradient"
+      cardStyle="gradient-mesh"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="solid"
+      headingFontWeight="bold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="Daily Tracker"
+          navItems={[
+            { name: "Habits", id: "habits" },
+            { name: "Cycle", id: "cycle" },
+            { name: "Analytics", id: "analytics" },
+            { name: "Pricing", id: "/pricing" },
+            { name: "About", id: "/about" },
+          ]}
+          button={{ text: "Get Started", href: "#" }}
+          animateOnLoad={true}
+        />
+      </div>
+
+      <div id="pricing" data-section="pricing">
+        <PricingCardOne
+          tag="Pricing"
+          tagIcon={Sparkles}
+          tagAnimation="slide-up"
+          title="Choose Your Plan"
+          description="Select the perfect plan for your wellness journey. All plans include habit tracking, cycle tracking, and basic analytics."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          plans={[
+            {
+              id: "1",              badge: "Free",              badgeIcon: Sparkles,
+              price: "$0",              subtitle: "Perfect for getting started",              features: [
+                "13 daily habits tracking",                "Menstrual cycle tracking",                "Basic productivity metrics",                "Local data storage",                "Download CSV exports"],
+            },
+            {
+              id: "2",              badge: "Pro",              badgeIcon: Sparkles,
+              price: "$9.99/mo",              subtitle: "For serious habit builders",              features: [
+                "Everything in Free",                "Advanced analytics & insights",                "Custom habit templates",                "Phase-based recommendations",                "Weekly progress reports",                "Priority support"],
+            },
+            {
+              id: "3",              badge: "Premium",              badgeIcon: Sparkles,
+              price: "$19.99/mo",              subtitle: "For complete wellness optimization",              features: [
+                "Everything in Pro",                "AI-powered insights",                "Personalized habit recommendations",                "Integration with health apps",                "Advanced cycle predictions",                "Dedicated wellness coach",                "Monthly strategy sessions"],
+            },
+          ]}
+          buttons={[{ text: "Back to Home", href: "/" }]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          columns={[
+            {
+              title: "Product",              items: [
+                { label: "Habit Tracker", href: "/" },
+                { label: "Cycle Tracker", href: "/" },
+                { label: "Analytics", href: "/" },
+              ],
+            },
+            {
+              title: "Resources",              items: [
+                { label: "Documentation", href: "#" },
+                { label: "FAQ", href: "/" },
+                { label: "Support", href: "#" },
+              ],
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Contact Us", href: "/" },
+              ],
+            },
+          ]}
+          bottomLeftText="© 2025 Personal Daily Tracker Dashboard. All rights reserved."
+          bottomRightText="Built for your wellness journey"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/services/page.tsx

@@ -0,0 +1,141 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
+import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
+import ContactCTA from "@/components/sections/contact/ContactCTA";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+import { Sparkles, Zap, Heart, Gift } from "lucide-react";
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="elastic-effect"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="mediumSmall"
+      sizing="large"
+      background="circleGradient"
+      cardStyle="gradient-mesh"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="solid"
+      headingFontWeight="bold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="Daily Tracker"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Services", id: "/services" },
+            { name: "Gallery", id: "/gallery" },
+          ]}
+          button={{ text: "Book Now", href: "#contact" }}
+          animateOnLoad={true}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroBillboardCarousel
+          tag="Our Services"
+          title="Celebrate Your Special Moments"
+          description="From elegant balloon decorations to comprehensive wedding planning services, we create unforgettable celebrations tailored to your vision."
+          background={{ variant: "sparkles-gradient" }}
+          mediaItems={[
+            {
+              imageSrc: "http://img.b2bpic.net/free-vector/celebration-background-with-balloons_1212-343.jpg?_wi=1",              imageAlt: "Balloon decoration setup"},
+            {
+              imageSrc: "http://img.b2bpic.net/free-vector/wedding-couple-illustration_1212-456.jpg?_wi=1",              imageAlt: "Wedding celebration"},
+            {
+              imageSrc: "http://img.b2bpic.net/free-vector/party-decoration-elements_1212-789.jpg?_wi=1",              imageAlt: "Party decorations"},
+            {
+              imageSrc: "http://img.b2bpic.net/free-vector/event-planning-concept_1212-321.jpg?_wi=1",              imageAlt: "Event planning"},
+            {
+              imageSrc: "http://img.b2bpic.net/free-vector/balloons-confetti-celebration_1212-654.jpg?_wi=1",              imageAlt: "Festive balloons"},
+          ]}
+          buttons={[
+            { text: "Browse Gallery", href: "/gallery" },
+            { text: "Get Quote", href: "#contact" },
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="services" data-section="services">
+        <FeatureCardSeven
+          tag="What We Offer"
+          tagIcon={Sparkles}
+          tagAnimation="slide-up"
+          title="Our Signature Services"
+          description="Comprehensive balloon decoration and wedding services designed to bring your celebration dreams to life with elegance and style."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="blur-reveal"
+          features={[
+            {
+              id: 1,
+              title: "Balloon Decoration",              description: "Custom balloon arrangements, arches, garlands, and installations for any occasion. From intimate gatherings to large-scale events, we design stunning visual impacts with premium balloons.",              imageSrc: "http://img.b2bpic.net/free-vector/celebration-background-with-balloons_1212-343.jpg?_wi=2",              imageAlt: "Professional balloon decoration"},
+            {
+              id: 2,
+              title: "Wedding Planning & Coordination",              description: "End-to-end wedding services from concept to execution. We handle venue selection, vendor coordination, timeline management, and day-of coordination to ensure your special day runs flawlessly.",              imageSrc: "http://img.b2bpic.net/free-vector/wedding-couple-illustration_1212-456.jpg?_wi=2",              imageAlt: "Wedding planning services"},
+            {
+              id: 3,
+              title: "Event Decoration & Design",              description: "Complete event decoration services including themed setups, centerpieces, lighting, and ambiance creation. We transform any space into a memorable venue for celebrations.",              imageSrc: "http://img.b2bpic.net/free-vector/party-decoration-elements_1212-789.jpg?_wi=2",              imageAlt: "Event decoration design"},
+            {
+              id: 4,
+              title: "Custom Theme Implementation",              description: "Bring your vision to life with custom themed decorations. Whether romantic, elegant, modern, or whimsical, we create cohesive designs that reflect your personal style and celebration theme.",              imageSrc: "http://img.b2bpic.net/free-vector/event-planning-concept_1212-321.jpg?_wi=2",              imageAlt: "Custom theme decoration"},
+          ]}
+          buttons={[{ text: "Explore Services", href: "#" }]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactCTA
+          tag="Ready to Celebrate?"
+          tagIcon={Heart}
+          tagAnimation="slide-up"
+          title="Let's Create Your Perfect Celebration"
+          description="Contact us today to discuss your event vision, get a custom quote, and start planning an unforgettable celebration with professional balloon decoration and wedding services."
+          background={{ variant: "radial-gradient" }}
+          useInvertedBackground={false}
+          buttons={[
+            { text: "Request Quote", href: "#" },
+            { text: "View Portfolio", href: "/gallery" },
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          columns={[
+            {
+              title: "Services",              items: [
+                { label: "Balloon Decoration", href: "#services" },
+                { label: "Wedding Planning", href: "#services" },
+                { label: "Event Decoration", href: "#services" },
+              ],
+            },
+            {
+              title: "Company",              items: [
+                { label: "Home", href: "/" },
+                { label: "Gallery", href: "/gallery" },
+                { label: "Contact", href: "#contact" },
+              ],
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Contact Us", href: "#contact" },
+              ],
+            },
+          ]}
+          bottomLeftText="© 2025 Event Celebrations. All rights reserved."
+          bottomRightText="Creating unforgettable moments"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #fffef8;
-  --card: #f9f9f9;
+  --card: #faf8f2;
-  --foreground: #000612e6;
+  --foreground: #2a2520;
-  --primary-cta: #15479c;
+  --primary-cta: #d4af37;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #f5f3f0;
   --secondary-cta-text: #000612e6;
-  --accent: #e2e2e2;
+  --accent: #ffffff;
-  --background-accent: #c4c4c4;
+  --background-accent: #e8dcc8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/app/testimonials/page.tsx

@@ -0,0 +1,94 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+import { Star } from "lucide-react";
+
+export default function TestimonialsPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="elastic-effect"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="mediumSmall"
+      sizing="large"
+      background="circleGradient"
+      cardStyle="gradient-mesh"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="solid"
+      headingFontWeight="bold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="Daily Tracker"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Testimonials", id: "/testimonials" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          button={{ text: "Get Started", href: "/" }}
+          animateOnLoad={true}
+        />
+      </div>
+
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialCardSixteen
+          title="What Our Users Say"
+          description="Hear from people who've transformed their daily routines and wellness awareness with our comprehensive tracking solution."
+          tag="Client Testimonials"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          testimonials={[
+            {
+              id: "1",              name: "Sarah M.",              role: "Productivity Coach",              company: "Daily Success Inc",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-vector/colorful-social-media-weekly-plan-calendar_742173-9916.jpg?_wi=5",              imageAlt: "Sarah's profile"},
+            {
+              id: "2",              name: "Emma L.",              role: "Wellness Expert",              company: "Holistic Health Co",              rating: 4.6,
+              imageSrc: "http://img.b2bpic.net/free-vector/beauty-salon-booking-application-template-with-photo_23-2148569131.jpg?_wi=4",              imageAlt: "Emma's profile"},
+            {
+              id: "3",              name: "Jessica K.",              role: "Life Coach",              company: "Transform & Thrive",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-vector/user-panel-business-dashboard_23-2148358960.jpg?_wi=4",              imageAlt: "Jessica's profile"},
+          ]}
+          kpiItems={[
+            { value: "4.6", label: "Average Rating" },
+            { value: "98%", label: "Client Satisfaction" },
+            { value: "500+", label: "Active Users" },
+          ]}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          columns={[
+            {
+              title: "Navigation",              items: [
+                { label: "Home", href: "/" },
+                { label: "Testimonials", href: "/testimonials" },
+                { label: "Contact", href: "/contact" },
+              ],
+            },
+            {
+              title: "Resources",              items: [
+                { label: "Documentation", href: "#" },
+                { label: "FAQ", href: "#" },
+                { label: "Support", href: "#" },
+              ],
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy Policy", href: "#" },
+                { label: "Terms of Service", href: "#" },
+                { label: "Contact Us", href: "/contact" },
+              ],
+            },
+          ]}
+          bottomLeftText="© 2025 Personal Daily Tracker Dashboard. All rights reserved."
+          bottomRightText="Built for your wellness journey"
+        />
+      </div>
+    </ThemeProvider>
+  );
+}