Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,18 +2,17 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
+import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
+import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
-import ContactText from '@/components/sections/contact/ContactText';
+import { Shield, MapPin, Mail, Phone, Users, CheckCircle, Scale } from "lucide-react";
-import { Shield, MapPin, Mail, Phone, Clock } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -21,170 +20,143 @@ export default function LandingPage() {
         defaultButtonVariant="shift-hover"
         defaultTextAnimation="reveal-blur"
         borderRadius="soft"
-        contentWidth="smallMedium"
+        contentWidth="medium"
-        sizing="large"
+        sizing="largeSizeMediumTitles"
-        background="blurBottom"
+        background="noiseDiagonalGradient"
-        cardStyle="subtle-shadow"
+        cardStyle="glass-depth"
-        primaryButtonStyle="double-inset"
+        primaryButtonStyle="primary-glow"
-        secondaryButtonStyle="radial-glow"
+        secondaryButtonStyle="layered"
         headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
+        { name: "Home", id: "#hero" },
-          name: "Home",          id: "#hero"},
+        { name: "About", id: "#about" },
-        {
+        { name: "Services", id: "#services" },
-          name: "About",          id: "#about"},
+        { name: "Testimonials", id: "#testimonials" },
-        {
+        { name: "Contact", id: "#contact" },
-          name: "Services",          id: "#services"},
-        {
-          name: "Testimonials",          id: "#testimonials"},
-        {
-          name: "Contact",          id: "#contact"},
       ]}
       brandName="Ellis Jones Solicitors"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardGallery
+      <HeroSplitTestimonial
-      background={{
+        title="Excellence in Legal Advocacy"
-        variant: "sparkles-gradient"}}
+        description="Dedicated to providing distinguished legal solutions with integrity, precision, and a client-first philosophy. Protecting your future through expert counsel."
-      title="Distinguished Legal Excellence in Bournemouth"
+        background={{ variant: "gradient-bars" }}
-      description="Providing comprehensive legal solutions with precision, professionalism, and a client-focused approach. Ellis Jones Solicitors delivers expert counsel for your most important life and business matters."
+        testimonials={[
-      mediaItems={[
+            { name: "David S.", handle: "Corporate Client", testimonial: "Unparalleled professionalism and commercial insight.", rating: 5 },
-        {
+            { name: "Helen R.", handle: "Private Client", testimonial: "Exceptional guidance through complex property matters.", rating: 5 }
-          imageSrc: "http://img.b2bpic.net/free-photo/diverse-cia-secret-agents-review-mission-documents-evidence-gathered_482257-118345.jpg",          imageAlt: "Law office interior"},
+        ]}
-        {
+        buttons={[{ text: "Book Consultation", href: "#contact" }, { text: "Our Expertise", href: "#services" }]}
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-presenting-project-digital-tablet_329181-17086.jpg",          imageAlt: "Solicitors team meeting"},
+        imageSrc="http://img.b2bpic.net/free-photo/diverse-cia-secret-agents-review-mission-documents-evidence-gathered_482257-118345.jpg"
-        {
+        imageAlt="Senior legal consultation room"
-          imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-553.jpg",          imageAlt: "Law firm building"},
+      />
-      ]}
-      mediaAnimation="blur-reveal"
-    />
   </div>
 
   <div id="about" data-section="about">
-      <TestimonialAboutCard
+      <TextSplitAbout
-      useInvertedBackground={false}
+        useInvertedBackground={true}
-      tag="About Our Firm"
+        title="Legacy and Modern Vision"
-      title="A Legacy of Legal Success"
+        description={[
-      description="Ellis Jones Solicitors combines decades of experience with a modern, proactive approach to law. Our team is dedicated to providing clear, transparent, and results-driven legal advice across a wide spectrum of legal disciplines."
+            "For decades, Ellis Jones Solicitors has set the standard for legal excellence in Bournemouth.",            "We bridge the gap between traditional integrity and modern, proactive legal strategy."
-      subdescription="Our commitment to our clients in Bournemouth and beyond is built on trust, integrity, and absolute professionalism."
+        ]}
-      icon={Shield}
+        buttons={[{ text: "Learn More" }]}
-      imageSrc="http://img.b2bpic.net/free-photo/mature-person-signing-banking-contract-retirement-plan_482257-116170.jpg"
+      />
-      imageAlt="Experienced female lawyer smiling professional"
-      mediaAnimation="slide-up"
-    />
   </div>
 
   <div id="features" data-section="features">
-      <FeatureCardMedia
+      <FeatureBorderGlow
-      animationType="slide-up"
+        animationType="slide-up"
-      textboxLayout="default"
+        useInvertedBackground={false}
-      useInvertedBackground={true}
+        title="Our Core Competencies"
-      features={[
+        description="Sophisticated strategies designed for high-stakes scenarios."
-        {
+        textboxLayout="default"
-          id: "f1",          title: "Corporate & Commercial Law",          description: "Robust legal strategy for businesses of all sizes, ensuring regulatory compliance and effective dispute resolution.",          tag: "Corporate",          imageSrc: "http://img.b2bpic.net/free-photo/business-partners-sitting-cafe_1157-16978.jpg"},
+        features={[
-        {
+            { icon: Scale, title: "Corporate Strategy", description: "High-level commercial litigation and compliance." },
-          id: "f2",          title: "Property & Conveyancing",          description: "Expert guidance for residential and commercial property matters, from leases to complex conveyancing.",          tag: "Property",          imageSrc: "http://img.b2bpic.net/free-photo/hand-filling-document-closeup_1150-14905.jpg"},
+            { icon: Shield, title: "Wealth Protection", description: "Discreet private client and trust administration." },
-        {
+            { icon: Users, title: "Family Counsel", description: "Strategic representation for complex family matters." }
-          id: "f3",          title: "Family Law & Private Wealth",          description: "Sensitive and strategic counsel for families, wills, trusts, and probate administration.",          tag: "Personal",          imageSrc: "http://img.b2bpic.net/free-photo/nomad-family-traveling-living-van_23-2149651476.jpg"},
+        ]}
-      ]}
+      />
-      title="Core Legal Specializations"
-      description="Comprehensive legal support designed to safeguard your interests."
-    />
   </div>
 
   <div id="services" data-section="services">
-      <ProductCardThree
+      <ProductCardOne
-      animationType="slide-up"
+        animationType="blur-reveal"
-      textboxLayout="default"
+        gridVariant="three-columns-all-equal-width"
-      gridVariant="uniform-all-items-equal"
+        title="Specialized Legal Practice"
-      useInvertedBackground={false}
+        description="Comprehensive representation across key sectors."
-      products={[
+        textboxLayout="default"
-        {
+        useInvertedBackground={false}
-          id: "s1",          name: "Corporate Litigation",          price: "Specialist Advice",          imageSrc: "http://img.b2bpic.net/free-photo/woman-using-computer_1150-81.jpg"},
+        products={[
-        {
+            { id: "s1", name: "Commercial Law", price: "Retainer", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-computer_1150-81.jpg" },
-          id: "s2",          name: "Family & Divorce Law",          price: "Professional Care",          imageSrc: "http://img.b2bpic.net/free-photo/people-having-debate-while-looking-computer_23-2149389779.jpg"},
+            { id: "s2", name: "Real Estate", price: "Flat Fee", imageSrc: "http://img.b2bpic.net/free-photo/chalkboard-table-realtor-office_23-2147764217.jpg" },
-        {
+            { id: "s3", name: "Dispute Resolution", price: "Bespoke", imageSrc: "http://img.b2bpic.net/free-photo/people-having-debate-while-looking-computer_23-2149389779.jpg" }
-          id: "s3",          name: "Commercial Property",          price: "Conveyancing & Leases",          imageSrc: "http://img.b2bpic.net/free-photo/chalkboard-table-realtor-office_23-2147764217.jpg"},
+        ]}
-      ]}
+      />
-      title="Our Legal Services"
-      description="Providing expert representation across diverse practice areas to meet your unique needs."
-    />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
+      <TestimonialCardTwelve
-      animationType="slide-up"
+        cardTitle="Client Endorsements"
-      textboxLayout="default"
+        cardTag="Proven Results"
-      useInvertedBackground={true}
+        cardAnimation="slide-up"
-      testimonials={[
+        useInvertedBackground={true}
-        {
+        testimonials={[
-          id: "t1",          name: "Diane Pearce",          role: "Client",          testimonial: "Very quick response and an excellent outcome. Most competitively priced service among the law firms I looked at. Highly recommend.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-people-dressed-smartly_1262-772.jpg"},
+            { id: "1", name: "Global Corp", imageSrc: "http://img.b2bpic.net/free-photo/smiling-people-dressed-smartly_1262-772.jpg" },
-        {
+            { id: "2", name: "Individual Partner", imageSrc: "http://img.b2bpic.net/free-photo/joyful-colleagues-laughing-work_74855-4314.jpg" }
-          id: "t2",          name: "Sarah Miller",          role: "Business Owner",          testimonial: "Professional, helpful, and extremely thorough. They navigated a complex issue with complete clarity. Recommend to anyone wanting workplace advice.",          imageSrc: "http://img.b2bpic.net/free-photo/joyful-colleagues-laughing-work_74855-4314.jpg"},
+        ]}
-      ]}
+      />
-      title="What Our Clients Say"
-      description="Our reputation is defined by the trust we earn every day through outstanding service and successful outcomes."
-    />
   </div>
 
   <div id="social-proof" data-section="social-proof">
       <SocialProofOne
-      textboxLayout="default"
+        names={["Law Society Accredited", "SRA Regulated", "Legal 500 Recommended", "Chambers UK Ranked"]}
-      useInvertedBackground={false}
+        title="Elite Industry Recognition"
-      names={[
+        description="We are recognized by top industry bodies for our professional excellence."
-        "Law Society Accredited",        "SRA Regulated",        "Legal 500 Recommended",        "Chambers UK Ranked"]}
+        textboxLayout="default"
-      title="Accreditations & Partners"
+        useInvertedBackground={false}
-      description="Recognized for high standards of legal excellence and professional integrity."
+      />
-    />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqDouble
+      <FaqSplitMedia
-      textboxLayout="default"
+        faqs={[
-      useInvertedBackground={true}
+            { id: "q1", title: "What sectors do you primarily serve?", content: "We specialize in high-level commercial, private, and property litigation." },
-      faqs={[
+            { id: "q2", title: "How is your fee structure managed?", content: "We provide clear, transparent billing models tailored to your specific case complexity." },
-        {
+            { id: "q3", title: "What is the first step to engage our services?", content: "Simply reach out via our contact form or call us to schedule a confidential initial consultation where we will assess your needs." }
-          id: "q1",          title: "How do I schedule an initial consultation?",          content: "You can contact us via our website contact form or by calling our Bournemouth office directly."},
+        ]}
-        {
+        title="Insights & Answers"
-          id: "q2",          title: "Are your fees transparent?",          content: "Yes, we pride ourselves on transparent pricing and clear communication regarding costs."},
+        description="Common inquiries about our legal practice."
-      ]}
+        faqsAnimation="slide-up"
-      title="Frequently Asked Questions"
+        imageSrc="http://img.b2bpic.net/free-photo/lady-with-glasses-manager-is-sitting-computer-businesswoman-works-her-office_1157-42234.jpg"
-      description="Answers to common queries about our services."
+        textboxLayout="default"
-      faqsAnimation="slide-up"
+        useInvertedBackground={true}
-    />
+      />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
+      <ContactSplit
-      useInvertedBackground={false}
+        title="Inquire for Counsel"
-      title="Ready to Discuss Your Case?"
+        description="Arrange a private consultation with our legal experts."
-      description="Our office is located at 1-3 Richmond Hill, Bournemouth. Contact us today for expert legal support."
+        tag="Professional Consultation"
-      inputs={[
+        background={{ variant: "gradient-bars" }}
-        { name: "fullName", type: "text", placeholder: "Full Name", required: true },
+        imageSrc="http://img.b2bpic.net/free-photo/detail-shot-skyscrapers_1359-553.jpg"
-        { name: "email", type: "email", placeholder: "Email Address", required: true },
+        useInvertedBackground={false}
-      ]}
+      />
-      textarea={{ name: "message", placeholder: "How can we assist you?", rows: 4 }}
-      imageSrc="http://img.b2bpic.net/free-photo/lady-with-glasses-manager-is-sitting-computer-businesswoman-works-her-office_1157-42234.jpg"
-      imageAlt="Professional law firm office desk"
-    />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterLogoEmphasis
-      logoText="Ellis Jones Solicitors"
+        logoText="Ellis Jones Solicitors"
-      copyrightText="© 2025 Ellis Jones Solicitors | Bournemouth Legal Experts"
+        columns={[
-      socialLinks={[
+            { items: [{ label: "Practice Areas" }, { label: "Our History" }, { label: "Legal Notices" }] },
-        { icon: MapPin, href: "#", ariaLabel: "Location" },
+            { items: [{ label: "LinkedIn" }, { label: "Twitter" }, { label: "Contact Us" }] }
-        { icon: Mail, href: "mailto:info@ellisjones.co.uk", ariaLabel: "Email" },
+        ]}
-        { icon: Phone, href: "tel:01202525333", ariaLabel: "Phone" },
+      />
-      ]}
-    />
   </div>
       </ReactLenis>
     </ThemeProvider>