Update src/app/page.tsx

2025-12-28 20:15:05 +00:00 · 2025-12-28 16:59:00 +00:00 · 2025-12-28 16:56:27 +00:00 · 2025-12-28 16:50:15 +00:00 · 2025-12-28 16:50:15 +00:00 · 2025-12-28 16:46:14 +00:00
3 changed files with 78 additions and 19 deletions
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -4,13 +4,13 @@
  /* Base units */
  /* --vw is set by ThemeProvider */

-  --background: #f5faff;;
-  --card: #f1f8ff;;
-  --foreground: #001122;;
-  --primary-cta: #15479c;;
+  --background: #ffffff;;
+  --card: #fcfcfc;;
+  --foreground: #000000e6;;
+  --primary-cta: #1a1a1a;;
  --secondary-cta: #ffffff;;
-  --accent: #a8cce8;;
-  --background-accent: #7ba3cf;;
+  --accent: #808080;;
+  --background-accent: #d3d3d3;;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
@@ -495,7 +495,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-prata), sans-serif;
+  font-family: var(--font-playfair-display --font-roboto), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -508,5 +508,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-prata), sans-serif;
+  font-family: var(--font-playfair-display --font-roboto), sans-serif;
 }
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,13 +1,18 @@
 import type { Metadata } from "next";
-import { Prata } from "next/font/google";
+import { Playfair_Display, Roboto } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";

-const prata = Prata({
-  variable: "--font-prata",
+const playfairDisplay = Playfair_Display({
+  variable: "--font-playfair-display",
  subsets: ["latin"],
-  weight: ["400"],
+});
+
+const roboto = Roboto({
+  variable: "--font-roboto",
+  subsets: ["latin"],
+  weight: ["100", "300", "400", "500", "700", "900"],
 });

 export const metadata: Metadata = {
@@ -44,7 +49,7 @@ export default function RootLayout({
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
        <body
-          className={prata.variable}
+          className={`${playfairDisplay.variable} ${roboto.variable}`}
        >
          <Tag />
          {children}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -7,8 +7,9 @@ import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout
 import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
 import TeamCardThree from '@/components/sections/team/TeamCardThree';
 import TestimonialCardEight from '@/components/sections/testimonial/TestimonialCardEight';
+import MetricCardFive from '@/components/sections/metrics/MetricCardFive';
 import ContactText from '@/components/sections/contact/ContactText';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import { Linkedin } from "lucide-react";

 export default function LandingPage() {
@@ -19,7 +20,7 @@ export default function LandingPage() {
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="medium"
-      background="noiseGradient"
+      background="none"
      cardStyle="gradient-bordered"
      primaryButtonStyle="layered-depth"
      secondaryButtonStyle="glass"
@@ -132,10 +133,10 @@ export default function LandingPage() {
          members={[
            {
              id: "1",
-              name: "Robert Sullivan",
+              name: "Roberto Sullivano",
              role: "Managing Partner & Senior Counsel",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766938360058-t14h8v9a.jpg",
-              imageAlt: "Robert Sullivan, Managing Partner",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766941134189-gkd1fcuv.jpg",
+              imageAlt: "Roberto Sullivano, Managing Partner",
              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" }
              ]
@@ -169,6 +170,26 @@ export default function LandingPage() {
              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com" }
              ]
+            },
+            {
+              id: "5",
+              name: "Emily Rodriguez",
+              role: "Associate, Corporate Law",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766941134189-gkd1fcuv.jpg",
+              imageAlt: "Emily Rodriguez, Associate Attorney",
+              socialLinks: [
+                { icon: Linkedin, url: "https://linkedin.com" }
+              ]
+            },
+            {
+              id: "6",
+              name: "James Patterson",
+              role: "Associate, Litigation",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766938361855-kj239hd9.jpg",
+              imageAlt: "James Patterson, Associate Attorney",
+              socialLinks: [
+                { icon: Linkedin, url: "https://linkedin.com" }
+              ]
            }
          ]}
        />
@@ -239,6 +260,39 @@ export default function LandingPage() {
        />
      </div>

+      <div id="metrics" data-section="metrics">
+        <MetricCardFive
+          title="Our Impact in Numbers"
+          description="Delivering measurable results for our clients"
+          tag="Key Metrics"
+          textboxLayout="default"
+          useInvertedBackground="noInvert"
+          animationType="slide-up"
+          metrics={[
+            {
+              id: "1",
+              value: "25+",
+              description: "Years of combined legal expertise and industry leadership"
+            },
+            {
+              id: "2",
+              value: "500+",
+              description: "Successful cases resolved with favorable outcomes"
+            },
+            {
+              id: "3",
+              value: "98%",
+              description: "Client satisfaction rate and repeat business rate"
+            },
+            {
+              id: "4",
+              value: "$2B+",
+              description: "Total value of transactions and settlements handled"
+            }
+          ]}
+        />
+      </div>
+
      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to move forward with your legal matter? Contact our team today for a confidential consultation."
@@ -252,7 +306,7 @@ export default function LandingPage() {
      </div>

      <div id="footer" data-section="footer">
-        <FooterLogoReveal
+        <FooterCard
          logoText="Sullivan & Associates"
        />
      </div>
Author	SHA1	Message	Date
development	7e76a3c64e	Update src/app/page.tsx	2025-12-28 20:15:05 +00:00
development	d726f49641	Update src/app/page.tsx	2025-12-28 16:59:00 +00:00
development	5fbc6b5ef9	Update src/app/page.tsx	2025-12-28 16:56:27 +00:00
development	19c28b2f06	Update src/app/page.tsx	2025-12-28 16:50:15 +00:00
development	ae8df3a060	Update src/app/layout.tsx	2025-12-28 16:50:15 +00:00
development	c6ebe8f124	Update src/app/page.tsx	2025-12-28 16:46:14 +00:00
development	7ed5748480	Update src/app/page.tsx	2025-12-28 16:44:20 +00:00
development	f3a1bd56b3	Update src/app/page.tsx	2025-12-28 16:39:33 +00:00
development	5fa5421c02	Update src/app/globals.css	2025-12-28 16:39:32 +00:00
development	1369d3c323	Update src/app/page.tsx	2025-12-28 16:30:18 +00:00
development	095228a616	Update src/app/layout.tsx	2025-12-28 16:30:17 +00:00
development	30917471d5	Update src/app/globals.css	2025-12-28 16:30:16 +00:00