Update src/app/styles/variables.css

src/app/page.tsx

@@ -3,10 +3,10 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroCentered from '@/components/sections/hero/HeroCentered';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
@@ -23,7 +23,7 @@ export default function LandingPage() {
         contentWidth="mediumSmall"
         sizing="mediumLargeSizeLargeTitles"
         background="fluid"
-        cardStyle="gradient-bordered"
+        cardStyle="glass-elevated"
         primaryButtonStyle="diagonal-gradient"
         secondaryButtonStyle="radial-glow"
         headingFontWeight="semibold"
@@ -32,22 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "About", id: "about" },
-          id: "hero",
+        { name: "Areas", id: "features" },
-        },
+        { name: "Contact", id: "contact" },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Areas",
-          id: "features",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="Bonnie Z Scheflin Law Office PA"
     />
@@ -55,61 +43,11 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroCentered
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
-      }}
       title="Bonnie Z Scheflin Law Office PA"
       description="Dedicated legal representation with a focus on results, integrity, and client satisfaction. We provide professional guidance for your most critical legal matters."
-      avatars={[
+      avatars={[]}
-        {
+      buttons={[{ text: "Book Consultation", href: "#contact" }]}
-          src: "http://img.b2bpic.net/free-photo/smiling-brunette-manager-with-crossed-arms_1139-307.jpg",
-          alt: "Attorney Portrait",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-man-posing-outdoor_23-2148883562.jpg",
-          alt: "Attorney Portrait",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/confident-business-leader-sitting-table_1262-4870.jpg",
-          alt: "Attorney Portrait",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/clipboard-template-with-business-elements_23-2147986545.jpg",
-          alt: "Clipboard template",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/illustrators-tools-arrangement-still-life_23-2150163133.jpg",
-          alt: "Illustrators tools",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "#contact",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Trustworthy Legal Counsel",
-        },
-        {
-          type: "text",
-          text: "24/7 Dedicated Support",
-        },
-        {
-          type: "text",
-          text: "Proven Track Record",
-        },
-        {
-          type: "text",
-          text: "Confidential Consultations",
-        },
-        {
-          type: "text",
-          text: "Comprehensive Strategy",
-        },
-      ]}
     />
   </div>
 
@@ -118,21 +56,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="A Commitment to Excellence"
       metrics={[
-        {
+        { icon: Award, label: "Years Experience", value: "20+" },
-          icon: Award,
+        { icon: Shield, label: "Cases Won", value: "500+" },
-          label: "Years Experience",
+        { icon: CheckCircle, label: "Satisfied Clients", value: "99%" },
-          value: "20+",
-        },
-        {
-          icon: Shield,
-          label: "Cases Won",
-          value: "500+",
-        },
-        {
-          icon: CheckCircle,
-          label: "Satisfied Clients",
-          value: "99%",
-        },
       ]}
       metricsAnimation="slide-up"
     />
@@ -145,21 +71,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       features={[
-        {
+        { title: "Litigation Services", description: "Aggressive representation for complex civil and commercial litigation.", imageSrc: "http://img.b2bpic.net/free-photo/gavel-table-courtroom_23-2152022033.jpg" },
-          title: "Litigation Services",
+        { title: "Corporate Law", description: "Expert advice for business formations, contracts, and compliance.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-businessman-signing-documents_74855-2701.jpg" },
-          description: "Aggressive representation for complex civil and commercial litigation.",
+        { title: "Family Advocacy", description: "Compassionate and effective legal help during sensitive personal matters.", imageSrc: "http://img.b2bpic.net/free-photo/creative-composition-family-concept-blackboard_23-2148485803.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/gavel-table-courtroom_23-2152022033.jpg",
-        },
-        {
-          title: "Corporate Law",
-          description: "Expert advice for business formations, contracts, and compliance.",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-businessman-signing-documents_74855-2701.jpg",
-        },
-        {
-          title: "Family Advocacy",
-          description: "Compassionate and effective legal help during sensitive personal matters.",
-          imageSrc: "http://img.b2bpic.net/free-photo/creative-composition-family-concept-blackboard_23-2148485803.jpg",
-        },
       ]}
       title="Our Legal Practice Areas"
       description="Comprehensive legal services tailored to meet your unique needs."
@@ -172,21 +86,9 @@ export default function LandingPage() {
       title="Why Clients Trust Us"
       tag="Reliability"
       metrics={[
-        {
+        { id: "m1", value: "24/7", description: "Client Communication" },
-          id: "m1",
+        { id: "m2", value: "100%", description: "Professional Integrity" },
-          value: "24/7",
+        { id: "m3", value: "Top", description: "Legal Strategy" },
-          description: "Client Communication",
-        },
-        {
-          id: "m2",
-          value: "100%",
-          description: "Professional Integrity",
-        },
-        {
-          id: "m3",
-          value: "Top",
-          description: "Legal Strategy",
-        },
       ]}
       metricsAnimation="slide-up"
     />
@@ -199,24 +101,9 @@ export default function LandingPage() {
       tag="Expertise"
       membersAnimation="slide-up"
       members={[
-        {
+        { id: "t1", name: "Bonnie Z. Scheflin", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-business-woman-standing-with-crossed-arms_23-2148095675.jpg" },
-          id: "t1",
+        { id: "t2", name: "Legal Associate", imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-woman-outdoor_23-2148317315.jpg" },
-          name: "Bonnie Z. Scheflin",
+        { id: "t3", name: "Legal Counsel", imageSrc: "http://img.b2bpic.net/free-photo/confused-businessman-office_1098-3136.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-business-woman-standing-with-crossed-arms_23-2148095675.jpg",
-          imageAlt: "Bonnie Z. Scheflin",
-        },
-        {
-          id: "t2",
-          name: "Legal Associate",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-woman-outdoor_23-2148317315.jpg",
-          imageAlt: "Associate",
-        },
-        {
-          id: "t3",
-          name: "Legal Counsel",
-          imageSrc: "http://img.b2bpic.net/free-photo/confused-businessman-office_1098-3136.jpg",
-          imageAlt: "Counsel",
-        },
       ]}
       memberVariant="card"
     />
@@ -227,43 +114,7 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
-      testimonials={[
+      testimonials={[]}
-        {
-          id: "t1",
-          name: "John Doe",
-          handle: "@john",
-          testimonial: "Excellent representation, highly recommend Bonnie and her team.",
-          imageSrc: "http://img.b2bpic.net/free-photo/corporate-business-people_23-2148827022.jpg",
-        },
-        {
-          id: "t2",
-          name: "Jane Smith",
-          handle: "@jane",
-          testimonial: "Professional, efficient, and compassionate. Thank you!",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg",
-        },
-        {
-          id: "t3",
-          name: "Michael Brown",
-          handle: "@mike",
-          testimonial: "The best legal advice I have received in years.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15151.jpg",
-        },
-        {
-          id: "t4",
-          name: "Sarah Wilson",
-          handle: "@sarah",
-          testimonial: "Exceeded all expectations with my corporate case.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-lawyer-pointing-signature-place-contract-document-with-pen_23-2147898652.jpg",
-        },
-        {
-          id: "t5",
-          name: "David Clark",
-          handle: "@dave",
-          testimonial: "Clear communication and outstanding results.",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-composition-with-modern-style_23-2147900138.jpg",
-        },
-      ]}
       title="Client Success Stories"
       description="What our clients say about our representation."
     />
@@ -272,78 +123,35 @@ export default function LandingPage() {
   <div id="faq" data-section="faq">
       <FaqSplitText
       useInvertedBackground={false}
-      faqs={[
+      faqs={[]}
-        {
-          id: "q1",
-          title: "How do I start a consultation?",
-          content: "You can contact our office directly via phone or our contact form.",
-        },
-        {
-          id: "q2",
-          title: "What areas do you cover?",
-          content: "We cover litigation, corporate, and family law matters.",
-        },
-        {
-          id: "q3",
-          title: "Is my information confidential?",
-          content: "Yes, we adhere to strict attorney-client privilege.",
-        },
-      ]}
       sideTitle="Frequently Asked Questions"
       faqsAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
+      <ContactSplitForm
-      useInvertedBackground={false}
+      title="Schedule an Appointment"
-      background={{
+      description="Fill out the form below and we will contact you to confirm your consultation."
-        variant: "gradient-bars",
+      inputs={[
-      }}
+        { name: "name", type: "text", placeholder: "Full Name", required: true },
-      tag="Get in touch"
+        { name: "email", type: "email", placeholder: "Email Address", required: true },
-      title="Ready to discuss your case?"
+        { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
-      description="Schedule a private consultation with Bonnie Z. Scheflin."
+      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/full-view-modern-white-building-with-columns-engravings-them-with-windows-lights_181624-8096.jpg"
+      textarea={{ name: "message", placeholder: "Brief description of your legal needs" }}
-      mediaAnimation="slide-up"
+      buttonText="Submit Request"
-      mediaPosition="right"
+      useInvertedBackground={true}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterMedia
+      <FooterLogoReveal
-      imageSrc="http://img.b2bpic.net/free-photo/work-with-laptop_1098-13086.jpg"
+      logoText="Bonnie Z. Scheflin Law Office PA"
-      logoText="Bonnie Z. Scheflin"
+      leftLink={{ text: "Privacy Policy", href: "#" }}
-      columns={[
+      rightLink={{ text: "Terms of Use", href: "#" }}
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Litigation",
-              href: "#",
-            },
-            {
-              label: "Corporate",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "About",
-          items: [
-            {
-              label: "Our Office",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#",
-            },
-          ],
-        },
-      ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #f5f4f0;
-  --card: #f9f9f9;
+  --card: #ffffff;
-  --foreground: #120a00e6;
+  --foreground: #1a1a1a;
-  --primary-cta: #E34400;
+  --primary-cta: #2c2c2c;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #f5f4f0;
   --secondary-cta-text: #120a00e6;
-  --accent: #e2e2e2;
+  --accent: #8a8a8a;
-  --background-accent: #E34400;
+  --background-accent: #e8e6e1;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);