Update src/app/testimonials/page.tsx

Merge version_1 into main

src/app/about/page.tsx

@@ -0,0 +1,115 @@
+"use client";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
+import TeamCardFive from '@/components/sections/team/TeamCardFive';
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import Link from 'next/link';
+import { Briefcase, Target, Users } from "lucide-react";
+
+export default function AboutPage() {
+  const navItems = [
+    { name: "Home", href: "/" },
+    { name: "About Us", href: "/about" }
+  ].map(item => ({ ...item, id: item.href }));
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant={"hover-magnetic"}
+      defaultTextAnimation={"background-highlight"}
+      borderRadius={"soft"}
+      contentWidth={"smallMedium"}
+      sizing={"mediumSizeLargeTitles"}
+      background={"grid"}
+      cardStyle={"inset"}
+      primaryButtonStyle={"double-inset"}
+      secondaryButtonStyle={"solid"}
+      headingFontWeight={"light"}
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          brandName="Doughan Law Office"
+          navItems={navItems}
+          bottomLeftText="Beirut, Lebanon"
+          bottomRightText="mazen730@gmail.com"
+        />
+      </div>
+
+      <div id="mission-statement" data-section="mission-statement">
+        <FeatureCardMedia
+          title="Our Mission"
+          description="Dedicated to providing unparalleled legal services, Doughan Law Office upholds the highest standards of integrity, professionalism, and client advocacy. We strive to achieve justice for our clients through diligent work and ethical practice."
+          tag="Our Purpose"
+          tagIcon={Target}
+          features={[
+            {
+              id: "mission-detail-1",              title: "Integrity & Ethics",              description: "Upholding the highest ethical standards in all our legal practices.",              tag: "Core Value"
+            }
+          ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          ariaLabel="Our Mission section"
+        />
+      </div>
+
+      <div id="firm-history" data-section="firm-history">
+        <FeatureCardMedia
+          title="Our Journey"
+          description="Established over 26 years ago, Doughan Law Office has grown into a reputable legal institution in Beirut, built on a foundation of trust, expertise, and a deep understanding of the Lebanese legal landscape. Our history is marked by a commitment to excellence and a passion for justice."
+          tag="Our Legacy"
+          tagIcon={Briefcase}
+          features={[
+            {
+              id: "history-detail-1",              title: "Decades of Experience",              description: "Over a quarter-century serving clients with dedication and proven results.",              tag: "Milestone"
+            }
+          ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={true}
+          ariaLabel="Firm History section"
+        />
+      </div>
+
+      <div id="team-section" data-section="team-section">
+        <TeamCardFive
+          title="Meet Our Team"
+          description="Our dedicated legal professionals bring diverse expertise and a client-centered approach to every case, ensuring you receive the best possible representation."
+          tag="Legal Experts"
+          tagIcon={Users}
+          team={[
+            {
+              id: "member-1",              name: "Mazen Doughan",              role: "Founder & Senior Partner",              imageSrc: "https://avatar.iran.liara.run/public/boy?username=Mazen"
+            },
+            {
+              id: "member-2",              name: "Layla Karam",              role: "Legal Counsel",              imageSrc: "https://avatar.iran.liara.run/public/girl?username=Layla"
+            },
+            {
+              id: "member-3",              name: "Omar Haddad",              role: "Associate Attorney",              imageSrc: "https://avatar.iran.liara.run/public/boy?username=Omar"
+            }
+          ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          ariaLabel="Team section"
+        />
+      </div>
+
+      <footer id="footer" data-section="footer" className="py-12 text-center text-foreground bg-card">
+        <div className="container mx-auto px-4 md:px-6">
+          <p>&copy; {new Date().getFullYear()} Doughan Law Office. All rights reserved.</p>
+          <nav className="mt-4">
+            <ul className="flex justify-center space-x-6">
+              {navItems.map((item) => (
+                <li key={item.id}>
+                  <Link href={item.href} className="hover:text-primary-cta">
+                    {item.name}
+                  </Link>
+                </li>
+              ))}
+            </ul>
+          </nav>
+        </div>
+      </footer>
+    </ThemeProvider>
+  );
+}

src/app/contact/page.tsx

@@ -1,24 +1,31 @@
 "use client";
-
+import type { Metadata } from 'next';
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
+import Link from 'next/link';
-import { Scale, Briefcase, ArrowRight } from "lucide-react";
+
-import Link from "next/link";
+// Metadata for the Contact page
+export const metadata: Metadata = {
+  title: "Contact Us - Doughan Law Office",  description: "Reach out to Doughan Law Office in Badaro, Beirut. Contact us via phone, email, or our online form.",  keywords: ["contact Doughan Law", "Beirut law firm contact", "03906907", "mazen730@gmail.com", "Badaro Beirut lawyer"],
+  alternates: {
+    canonical: "https://www.doughanlawoffice.com/contact"
+  },
+  openGraph: {
+    title: "Contact Us - Doughan Law Office",    description: "Reach out to Doughan Law Office in Badaro, Beirut. Contact us via phone, email, or our online form.",    url: "https://www.doughanlawoffice.com/contact",    siteName: "Doughan Law Office",    locale: "en_US",    type: "website"
+  }
+};
 
 export default function ContactPage() {
   const navItems = [
     { name: "Home", href: "/" },
-    { name: "About Us", href: "/about" },
+    { name: "Contact Us", href: "/contact" }
-    { name: "Practice Areas", href: "/practice-areas" },
+  ].map(item => ({ ...item, id: item.href }));
-    { name: "Testimonials", href: "/testimonials" },
-    { name: "Contact", href: "/contact" }
-  ].map(item => ({...item, id: item.href}));
 
-  const resolvedAssets = {
+  const handleSubmit = (email: string) => {
-    "hero-law-office": "http://img.b2bpic.net/free-photo/smiling-mature-businessman-standing-office-hall_1262-3105.jpg",    "practice-criminal": "http://img.b2bpic.net/free-photo/chief-executive-officer-reading-accounting-paperwork-ensure-legal-accuracy_482257-103540.jpg",    "practice-civil": "http://img.b2bpic.net/free-photo/business-professionals-reading-agreement-text_74855-1490.jpg",    "practice-labor": "http://img.b2bpic.net/free-photo/smiling-insurance-agent-going-through-paperwork-communicating-with-her-clients-meeting_637285-5796.jpg",    "practice-family": "http://img.b2bpic.net/free-photo/sensual-couple-holding-hands_23-2148025334.jpg"};
+    alert(`Contact form submitted by: ${email}. We will get back to you shortly.`);
+    // In a real application, you would send this to a backend API
+  };
 
   return (
     <ThemeProvider
@@ -35,93 +42,46 @@ export default function ContactPage() {
     >
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
-          brandName={"Doughan Law Office"}
+          brandName="Doughan Law Office"
           navItems={navItems}
-          bottomLeftText={"Beirut, Lebanon"}
+          bottomLeftText="Beirut, Lebanon"
-          bottomRightText={"mazen730@gmail.com"}
+          bottomRightText="mazen730@gmail.com"
         />
       </div>
 
-      <div id="hero" data-section="hero">
+      <div id="contact-us" data-section="contact-us">
-        <HeroBillboardCarousel
+        <ContactSplit
-          title={"Ready for Dedicated Legal Guidance?"}
+          tag="Get in Touch"
-          description={"Connect with Doughan Law Office today for expert advice and robust representation tailored to your needs."}
+          title="Contact Doughan Law Office"
-          background={{ variant: "sparkles-gradient" }}
+          description={`
-          tag={"Contact Us"}
+            Phone: 03906907\nEmail: mazen730@gmail.com\nLocation: Badaro, Beirut, Lebanon\n\nWe are here to provide expert legal guidance and dedicated representation.\nPlease fill out the form below or use the contact details to reach us directly.
-          tagIcon={Scale}
+          `}
-          buttons={[
+          background={{ variant: "plain" }}
-            {
+          mediaPosition="right"
-              text: "Book a Consultation",              href: "/contact"
+          imageSrc="https://via.placeholder.com/600x400?text=Map+of+Badaro,+Beirut" // Placeholder for embedded map
-            }
+          imageAlt="Map showing the location of Doughan Law Office in Badaro, Beirut"
-          ]}
+          inputPlaceholder="Your Email"
-          buttonAnimation={"slide-up"}
+          buttonText="Send Message"
-          mediaItems={[
+          onSubmit={handleSubmit}
-            {
-              imageSrc: resolvedAssets["hero-law-office"],
-              imageAlt: "Professional law office interior with legal documents"
-            }
-          ]}
-          ariaLabel={"Contact Hero section"}
-        />
-      </div>
-
-      <div id="about-summary" data-section="about-summary">
-        <TextSplitAbout
-          title={"Our Firm's Commitment to You"}
-          description={[
-            "At Doughan Law Office, we are committed to providing exceptional legal services with integrity and dedication. With over 26 years of experience, Mazen Doughan leads a practice focused on achieving the best possible outcomes for our clients.",            "We pride ourselves on our client-centric approach, ensuring clear communication, personalized strategies, and unwavering support throughout your legal journey. Your peace of mind is our priority."
-          ]}
-          buttons={[
-            {
-              text: "Learn More About Our Values",              href: "/about"
-            }
-          ]}
-          buttonAnimation={"slide-up"}
           useInvertedBackground={false}
-          ariaLabel={"Our commitment section"}
+          ariaLabel="Contact Us section"
         />
       </div>
 
-      <div id="practice-areas-overview" data-section="practice-areas-overview">
+      <footer id="footer" data-section="footer" className="py-12 text-center text-foreground bg-card">
-        <FeatureCardTwentySix
-          title={"How We Can Assist You"}
-          description={"Our comprehensive legal expertise spans various fields, ensuring dedicated and effective representation for your specific situation."}
-          tag={"Explore Services"}
-          tagIcon={Briefcase}
-          features={[
-            {
-              title: "Criminal Law",              description: "Vigorous defense for individuals facing criminal charges, ensuring your rights are protected throughout the legal process.",              imageSrc: resolvedAssets["practice-criminal"],
-              imageAlt: "Gavel and legal books for criminal law",              buttonIcon: ArrowRight
-            },
-            {
-              title: "Civil Law",              description: "Expert guidance on civil disputes, contracts, property matters, and personal injury claims to secure favorable outcomes.",              imageSrc: resolvedAssets["practice-civil"],
-              imageAlt: "Legal documents and scales of justice for civil law",              buttonIcon: ArrowRight
-            },
-            {
-              title: "Labor & Social Security",              description: "Protecting the rights of employees and employers in workplace disputes, ensuring fair treatment and compliance with labor laws.",              imageSrc: resolvedAssets["practice-labor"],
-              imageAlt: "Team collaborating on legal documents for labor law",              buttonIcon: ArrowRight
-            },
-            {
-              title: "Marriage & Divorce",              description: "Sensitive and strategic legal support for family matters, including marriage, divorce, child custody, and support.",              imageSrc: resolvedAssets["practice-family"],
-              imageAlt: "Family legal documents and rings for marriage and divorce law",              buttonIcon: ArrowRight
-            }
-          ]}
-          textboxLayout={"default"}
-          useInvertedBackground={false}
-          ariaLabel={"Our areas of expertise"}
-        />
-      </div>
-
-      <footer id="footer" data-section="footer" className="py-8 text-center text-foreground border-t border-card">
         <div className="container mx-auto px-4 md:px-6">
-          <p className="text-sm">&copy; {new Date().getFullYear()} Doughan Law Office. All rights reserved.</p>
+          <p>&copy; {new Date().getFullYear()} Doughan Law Office. All rights reserved.</p>
-          <div className="flex justify-center space-x-4 mt-4">
+          <nav className="mt-4">
-            {navItems.map((item) => (
+            <ul className="flex justify-center space-x-6">
-              <Link key={item.id} href={item.href} className="text-foreground hover:text-primary-cta">
+              {navItems.map((item) => (
-                {item.name}
+                <li key={item.id}>
-              </Link>
+                  <Link href={item.href} className="hover:text-primary-cta">
-            ))}
+                    {item.name}
-          </div>
+                  </Link>
+                </li>
+              ))}
+            </ul>
+          </nav>
         </div>
       </footer>
     </ThemeProvider>

src/app/page.tsx

@@ -9,7 +9,7 @@ import { Scale, Briefcase, ArrowRight } from "lucide-react";
 export default function HomePage() {
   const navItems = [
     { name: "Home", href: "/" },
-    { name: "About Us", href: "/about" }
+    { name: "Contact Us", href: "/contact" }
   ].map(item => ({ ...item, id: item.href }));
 
   return (

src/app/practice-areas/page.tsx

@@ -1,110 +1,119 @@
 "use client";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
+import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import Link from 'next/link';
-import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
+import { Scale, Briefcase, ArrowRight } from "lucide-react";
-import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
-import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
-import { ArrowRight, Briefcase, Scale } from "lucide-react";
-import Link from "next/link";
 
 export default function PracticeAreasPage() {
   const navItems = [
-    { name: "Home", id: "home", href: "/" },
+    { name: "Home", href: "/" },
-    { name: "About Us", id: "about", href: "/about" },
+    { name: "About Us", href: "/about" },
-    { name: "Practice Areas", id: "practice-areas", href: "/practice-areas" },
+    { name: "Practice Areas", href: "/practice-areas" }
-    { name: "Testimonials", id: "testimonials", href: "/testimonials" },
+  ].map(item => ({ ...item, id: item.href }));
-    { name: "Contact", id: "contact", href: "/contact" }
-  ];
 
   return (
     <ThemeProvider
-      defaultButtonVariant="hover-magnetic"
+      defaultButtonVariant={"hover-magnetic"}
-      defaultTextAnimation="background-highlight"
+      defaultTextAnimation={"background-highlight"}
-      borderRadius="soft"
+      borderRadius={"soft"}
-      contentWidth="smallMedium"
+      contentWidth={"smallMedium"}
-      sizing="mediumSizeLargeTitles"
+      sizing={"mediumSizeLargeTitles"}
-      background="grid"
+      background={"grid"}
-      cardStyle="inset"
+      cardStyle={"inset"}
-      primaryButtonStyle="double-inset"
+      primaryButtonStyle={"double-inset"}
-      secondaryButtonStyle="solid"
+      secondaryButtonStyle={"solid"}
-      headingFontWeight="light"
+      headingFontWeight={"light"}
     >
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
           brandName="Doughan Law Office"
-          navItems={navItems.map(item => ({ name: item.name, id: item.id, href: item.href }))}
+          navItems={navItems}
           bottomLeftText="Beirut, Lebanon"
           bottomRightText="mazen730@gmail.com"
         />
       </div>
 
-      <div id="practice-areas-hero" data-section="practice-areas-hero">
+      <div id="hero" data-section="hero">
         <HeroBillboardCarousel
-          title="Comprehensive Legal Practice Areas"
+          title="Our Comprehensive Legal Practice Areas"
-          description="Expert guidance across diverse legal fields, tailored to protect your interests."
+          description="Doughan Law Office offers specialized legal services across a wide range of domains. Explore our expertise and discover how we can assist you."
           background={{ variant: "sparkles-gradient" }}
-          tag="Our Expertise"
+          tag="Expertise & Solutions"
-          tagIcon={Scale}
+          tagIcon={Briefcase}
           buttons={[
-            { text: "Book a Consultation", href: "/contact" }
+            {
+              text: "Contact Us for Support",              href: "/contact"
+            }
           ]}
           buttonAnimation="slide-up"
           mediaItems={[
-            { imageSrc: "http://img.b2bpic.net/free-photo/smiling-mature-businessman-standing-office-hall_1262-3105.jpg?_wi=2", imageAlt: "Professional law office interior with legal documents" }
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/group-business-people-meeting_53876-20358.jpg",              imageAlt: "Legal team reviewing documents"
+            }
           ]}
           ariaLabel="Practice Areas Hero section"
         />
       </div>
 
-      <div id="practice-areas-overview" data-section="practice-areas-overview">
+      <div id="practice-areas-sections" data-section="practice-areas-sections">
         <FeatureCardTwentySix
-          title="Our Areas of Expertise"
+          title="Specialized Legal Services for Every Client"
-          description="We offer comprehensive legal services tailored to your specific needs, ensuring dedicated and effective representation."
+          description="Our firm provides dedicated legal representation in a multitude of practice areas, ensuring tailored solutions and robust advocacy."
-          tag="Practice Areas"
+          tag="Our Specialties"
-          tagIcon={Briefcase}
+          tagIcon={Scale}
           features={[
             {
-              title: "Criminal Law",              description: "Vigorous defense for individuals facing criminal charges, ensuring your rights are protected throughout the legal process.",              imageSrc: "http://img.b2bpic.net/free-photo/chief-executive-officer-reading-accounting-paperwork-ensure-legal-accuracy_482257-103540.jpg?_wi=2",              imageAlt: "Gavel and legal books for criminal law",              buttonIcon: ArrowRight
+              title: "Corporate Law & Companies Incorporation",              description: "Expert advice on company formation, corporate governance, mergers, acquisitions, and compliance for businesses of all sizes.",              imageSrc: "http://img.b2bpic.net/free-photo/team-legal-advisors-going-through-agreement-text_74855-1490.jpg",              imageAlt: "Business team reviewing corporate documents",              buttonIcon: ArrowRight
             },
             {
-              title: "Civil Law",              description: "Expert guidance on civil disputes, contracts, property matters, and personal injury claims to secure favorable outcomes.",              imageSrc: "http://img.b2bpic.net/free-photo/business-professionals-reading-agreement-text_74855-1490.jpg?_wi=2",              imageAlt: "Legal documents and scales of justice for civil law",              buttonIcon: ArrowRight
+              title: "Real Estate & Construction",              description: "Comprehensive legal support for real estate transactions, property disputes, construction contracts, and zoning regulations.",              imageSrc: "http://img.b2bpic.net/free-photo/diverse-group-architects-examining-blueprint_23-2149303681.jpg",              imageAlt: "Architects and construction plans",              buttonIcon: ArrowRight
             },
             {
-              title: "Labor & Social Security",              description: "Protecting the rights of employees and employers in workplace disputes, ensuring fair treatment and compliance with labor laws.",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-insurance-agent-going-through-paperwork-communicating-with-her-clients-meeting_637285-5796.jpg?_wi=2",              imageAlt: "Team collaborating on legal documents for labor law",              buttonIcon: ArrowRight
+              title: "Criminal Law",              description: "Vigorous defense for individuals facing criminal charges, ensuring your rights are protected throughout the legal process.",              imageSrc: "http://img.b2bpic.net/free-photo/chief-executive-officer-reading-accounting-paperwork-ensure-legal-accuracy_482257-103540.jpg",              imageAlt: "Gavel and legal books for criminal law",              buttonIcon: ArrowRight
             },
             {
-              title: "Marriage & Divorce",              description: "Sensitive and strategic legal support for family matters, including marriage, divorce, child custody, and support.",              imageSrc: "http://img.b2bpic.net/free-photo/sensual-couple-holding-hands_23-2148025334.jpg?_wi=2",              imageAlt: "Family legal documents and rings for marriage and divorce law",              buttonIcon: ArrowRight
+              title: "Litigation & Dispute Resolution",              description: "Strategic representation in court, arbitration, and mediation to resolve complex disputes efficiently and effectively.",              imageSrc: "http://img.b2bpic.net/free-photo/lawyer-consultation-client-justice-law-service-concept_1232-1925.jpg",              imageAlt: "Lawyers discussing litigation strategy",              buttonIcon: ArrowRight
+            },
+            {
+              title: "Civil Law",              description: "Expert guidance on civil disputes, contracts, property matters, and personal injury claims to secure favorable outcomes.",              imageSrc: "http://img.b2bpic.net/free-photo/business-professionals-reading-agreement-text_74855-1490.jpg",              imageAlt: "Legal documents and scales of justice for civil law",              buttonIcon: ArrowRight
+            },
+            {
+              title: "Commercial Law",              description: "Advising businesses on commercial contracts, transactions, intellectual property, and trade regulations to foster growth.",              imageSrc: "http://img.b2bpic.net/free-photo/confident-businesswoman-talking-lawyer_23-2147779954.jpg",              imageAlt: "Business agreement handshake",              buttonIcon: ArrowRight
+            },
+            {
+              title: "Corporate Practice",              description: "Providing ongoing legal support for day-to-day corporate operations, regulatory compliance, and strategic business decisions.",              imageSrc: "http://img.b2bpic.net/free-photo/senior-business-man-looking-through-paperwork_23-2147814761.jpg",              imageAlt: "Executive reviewing corporate reports",              buttonIcon: ArrowRight
+            },
+            {
+              title: "Personal Status Law",              description: "Sensitive and strategic legal support for family matters, including marriage, divorce, child custody, and support.",              imageSrc: "http://img.b2bpic.net/free-photo/sensual-couple-holding-hands_23-2148025334.jpg",              imageAlt: "Couple signing legal documents for personal status",              buttonIcon: ArrowRight
+            },
+            {
+              title: "Mediation",              description: "Facilitating out-of-court dispute resolution through impartial mediation, aiming for amicable and cost-effective settlements.",              imageSrc: "http://img.b2bpic.net/free-photo/lawyer-giving-advise-customer_23-2147779955.jpg",              imageAlt: "Mediator guiding a discussion",              buttonIcon: ArrowRight
             }
           ]}
           textboxLayout="default"
           useInvertedBackground={false}
-          ariaLabel="Feature section"
+          ariaLabel="Practice areas details section"
         />
       </div>
 
-      <div id="our-approach" data-section="our-approach">
+      <footer id="footer" data-section="footer" className="py-12 text-center text-foreground bg-card">
-        <TextSplitAbout
+        <div className="container mx-auto px-4 md:px-6">
-          title="Our Approach to Your Case"
+          <p>&copy; {new Date().getFullYear()} Doughan Law Office. All rights reserved.</p>
-          description={[
+          <nav className="mt-4">
-            "We combine extensive legal knowledge with a client-centered approach, ensuring diligent and strategic representation from consultation to resolution.",            "Our commitment is to provide clear communication, transparent processes, and tailored solutions that meet the unique needs of each client and case."
+            <ul className="flex justify-center space-x-6">
-          ]}
+              {navItems.map((item) => (
-          buttons={[
+                <li key={item.id}>
-            { text: "Contact Us for Support", href: "/contact" }
+                  <Link href={item.href} className="hover:text-primary-cta">
-          ]}
+                    {item.name}
-          buttonAnimation="slide-up"
+                  </Link>
-          useInvertedBackground={true}
+                </li>
-          ariaLabel="Our approach section"
+              ))}
-        />
+            </ul>
-      </div>
+          </nav>
-
+        </div>
-      <div id="footer" data-section="footer">
+      </footer>
-        <NavbarStyleFullscreen
-          brandName="Doughan Law Office"
-          navItems={navItems.map(item => ({ name: item.name, id: item.id, href: item.href }))}
-          bottomLeftText="Beirut, Lebanon"
-          bottomRightText="mazen730@gmail.com"
-        />
-      </div>
     </ThemeProvider>
   );
 }

src/app/testimonials/page.tsx

@@ -1,110 +1,75 @@
 "use client";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
+import Link from 'next/link';
-import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
+import { Star } from "lucide-react";
-import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
-import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
-import { ArrowRight, UserCheck, Scale } from "lucide-react";
-import Link from "next/link";
 
 export default function TestimonialsPage() {
   const navItems = [
-    { name: "Home", id: "home", href: "/" },
+    { name: "Home", href: "/" },
-    { name: "About Us", id: "about", href: "/about" },
+    { name: "About Us", href: "/about" },
-    { name: "Practice Areas", id: "practice-areas", href: "/practice-areas" },
+    { name: "Testimonials", href: "/testimonials" }
-    { name: "Testimonials", id: "testimonials", href: "/testimonials" },
+  ].map(item => ({ ...item, id: item.href }));
-    { name: "Contact", id: "contact", href: "/contact" }
-  ];
 
   return (
     <ThemeProvider
-      defaultButtonVariant="hover-magnetic"
+      defaultButtonVariant={"hover-magnetic"}
-      defaultTextAnimation="background-highlight"
+      defaultTextAnimation={"background-highlight"}
-      borderRadius="soft"
+      borderRadius={"soft"}
-      contentWidth="smallMedium"
+      contentWidth={"smallMedium"}
-      sizing="mediumSizeLargeTitles"
+      sizing={"mediumSizeLargeTitles"}
-      background="grid"
+      background={"grid"}
-      cardStyle="inset"
+      cardStyle={"inset"}
-      primaryButtonStyle="double-inset"
+      primaryButtonStyle={"double-inset"}
-      secondaryButtonStyle="solid"
+      secondaryButtonStyle={"solid"}
-      headingFontWeight="light"
+      headingFontWeight={"light"}
     >
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
           brandName="Doughan Law Office"
-          navItems={navItems.map(item => ({ name: item.name, id: item.id, href: item.href }))}
+          navItems={navItems}
           bottomLeftText="Beirut, Lebanon"
           bottomRightText="mazen730@gmail.com"
         />
       </div>
 
-      <div id="testimonials-hero" data-section="testimonials-hero">
+      <div id="testimonials" data-section="testimonials">
-        <HeroBillboardCarousel
+        <TestimonialCardThirteen
-          title="Client Success Stories & Trust"
+          title="What Our Clients Say"
-          description="Hear directly from our clients about their experiences and the impactful results we've achieved for them."
+          description="Hear from our satisfied clients about their experiences with Doughan Law Office. Your trust is our greatest reward."
-          background={{ variant: "sparkles-gradient" }}
+          tag="Client Stories"
-          tag="Proven Results"
+          tagIcon={Star}
-          tagIcon={Scale}
+          testimonials={[
-          buttons={[
-            { text: "Book a Consultation", href: "/contact" }
-          ]}
-          buttonAnimation="slide-up"
-          mediaItems={[
-            { imageSrc: "http://img.b2bpic.net/free-photo/smiling-mature-businessman-standing-office-hall_1262-3105.jpg?_wi=3", imageAlt: "Professional law office interior with legal documents" }
-          ]}
-          ariaLabel="Testimonials Hero section"
-        />
-      </div>
-
-      <div id="why-clients-trust" data-section="why-clients-trust">
-        <TextSplitAbout
-          title="Why Clients Trust Doughan Law"
-          description={[
-            "Our clients consistently praise our dedication, clear communication, and our ability to navigate complex legal challenges with integrity and expertise.",            "We pride ourselves on building lasting relationships based on trust and delivering exceptional results that truly make a difference in their lives and businesses."
-          ]}
-          buttons={[
-            { text: "Contact Us for Support", href: "/contact" }
-          ]}
-          buttonAnimation="slide-up"
-          useInvertedBackground={false}
-          ariaLabel="Why Clients Trust section"
-        />
-      </div>
-
-      <div id="client-values" data-section="client-values">
-        <FeatureCardTwentySix
-          title="What Our Clients Value Most"
-          description="Our commitment to excellence and client satisfaction shines through every case."
-          tag="Client Experience"
-          tagIcon={UserCheck}
-          features={[
             {
-              title: "Dedicated Representation",              description: "Clients consistently highlight our unwavering dedication and personalized approach to their legal needs.",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-young-asian-woman_1262-897.jpg",              imageAlt: "Satisfied client portrait",              buttonIcon: ArrowRight
+              id: "1",              name: "Google Reviewer",              handle: "@GoogleMaps",              testimonial: "Doughan Law Office provided exceptional legal support. Their team was professional, knowledgeable, and highly effective in handling my case. I felt confident and well-represented throughout the entire process. Highly recommend!",              rating: 5
-            },
-            {
-              title: "Clear Communication",              description: "We are praised for keeping clients informed and simplifying complex legal jargon into understandable advice.",              imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-y-letter_1149-1946.jpg",              imageAlt: "Female client portrait confident smile",              buttonIcon: ArrowRight
-            },
-            {
-              title: "Strategic Solutions",              description: "Our ability to devise effective legal strategies that lead to favorable outcomes is highly valued.",              imageSrc: "http://img.b2bpic.net/free-vector/call-center-avatars-flat-design_23-2147949814.jpg",              imageAlt: "Young entrepreneur portrait confident look",              buttonIcon: ArrowRight
-            },
-            {
-              title: "Positive Outcomes",              description: "The consistent achievement of positive results and resolutions for our clients is a cornerstone of our reputation.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",              imageAlt: "Senior business executive portrait thoughtful",              buttonIcon: ArrowRight
             }
           ]}
+          showRating={true}
+          carouselMode="auto"
+          animationType="slide-up"
           textboxLayout="default"
-          useInvertedBackground={true}
+          useInvertedBackground={false}
-          ariaLabel="Client values section"
+          ariaLabel="Testimonials section"
         />
       </div>
 
-      <div id="footer" data-section="footer">
+      <footer id="footer" data-section="footer" className="py-12 text-center text-foreground bg-card">
-        <NavbarStyleFullscreen
+        <div className="container mx-auto px-4 md:px-6">
-          brandName="Doughan Law Office"
+          <p>&copy; {new Date().getFullYear()} Doughan Law Office. All rights reserved.</p>
-          navItems={navItems.map(item => ({ name: item.name, id: item.id, href: item.href }))}
+          <nav className="mt-4">
-          bottomLeftText="Beirut, Lebanon"
+            <ul className="flex justify-center space-x-6">
-          bottomRightText="mazen730@gmail.com"
+              {navItems.map((item) => (
-        />
+                <li key={item.id}>
-      </div>
+                  <Link href={item.href} className="hover:text-primary-cta">
+                    {item.name}
+                  </Link>
+                </li>
+              ))}
+            </ul>
+          </nav>
+        </div>
+      </footer>
     </ThemeProvider>
   );
 }