12 Commits

Author SHA1 Message Date
7e76a3c64e Update src/app/page.tsx 2025-12-28 20:15:05 +00:00
d726f49641 Update src/app/page.tsx 2025-12-28 16:59:00 +00:00
5fbc6b5ef9 Update src/app/page.tsx 2025-12-28 16:56:27 +00:00
19c28b2f06 Update src/app/page.tsx 2025-12-28 16:50:15 +00:00
ae8df3a060 Update src/app/layout.tsx 2025-12-28 16:50:15 +00:00
c6ebe8f124 Update src/app/page.tsx 2025-12-28 16:46:14 +00:00
7ed5748480 Update src/app/page.tsx 2025-12-28 16:44:20 +00:00
f3a1bd56b3 Update src/app/page.tsx 2025-12-28 16:39:33 +00:00
5fa5421c02 Update src/app/globals.css 2025-12-28 16:39:32 +00:00
1369d3c323 Update src/app/page.tsx 2025-12-28 16:30:18 +00:00
095228a616 Update src/app/layout.tsx 2025-12-28 16:30:17 +00:00
30917471d5 Update src/app/globals.css 2025-12-28 16:30:16 +00:00
3 changed files with 78 additions and 19 deletions

View File

@@ -4,13 +4,13 @@
/* Base units */ /* Base units */
/* --vw is set by ThemeProvider */ /* --vw is set by ThemeProvider */
--background: #f5faff;; --background: #ffffff;;
--card: #f1f8ff;; --card: #fcfcfc;;
--foreground: #001122;; --foreground: #000000e6;;
--primary-cta: #15479c;; --primary-cta: #1a1a1a;;
--secondary-cta: #ffffff;; --secondary-cta: #ffffff;;
--accent: #a8cce8;; --accent: #808080;;
--background-accent: #7ba3cf;; --background-accent: #d3d3d3;;
/* text sizing - set by ThemeProvider */ /* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
@@ -495,7 +495,7 @@ html {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: var(--font-prata), sans-serif; font-family: var(--font-playfair-display --font-roboto), sans-serif;
position: relative; position: relative;
min-height: 100vh; min-height: 100vh;
overscroll-behavior: none; overscroll-behavior: none;
@@ -508,5 +508,5 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: var(--font-prata), sans-serif; font-family: var(--font-playfair-display --font-roboto), sans-serif;
} }

View File

@@ -1,13 +1,18 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Prata } from "next/font/google"; import { Playfair_Display, Roboto } from "next/font/google";
import "./globals.css"; import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper"; import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag"; import Tag from "@/tag/Tag";
const prata = Prata({ const playfairDisplay = Playfair_Display({
variable: "--font-prata", variable: "--font-playfair-display",
subsets: ["latin"], subsets: ["latin"],
weight: ["400"], });
const roboto = Roboto({
variable: "--font-roboto",
subsets: ["latin"],
weight: ["100", "300", "400", "500", "700", "900"],
}); });
export const metadata: Metadata = { export const metadata: Metadata = {
@@ -44,7 +49,7 @@ export default function RootLayout({
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body <body
className={prata.variable} className={`${playfairDisplay.variable} ${roboto.variable}`}
> >
<Tag /> <Tag />
{children} {children}

View File

@@ -7,8 +7,9 @@ import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight'; import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import TeamCardThree from '@/components/sections/team/TeamCardThree'; import TeamCardThree from '@/components/sections/team/TeamCardThree';
import TestimonialCardEight from '@/components/sections/testimonial/TestimonialCardEight'; import TestimonialCardEight from '@/components/sections/testimonial/TestimonialCardEight';
import MetricCardFive from '@/components/sections/metrics/MetricCardFive';
import ContactText from '@/components/sections/contact/ContactText'; 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"; import { Linkedin } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
@@ -19,7 +20,7 @@ export default function LandingPage() {
borderRadius="pill" borderRadius="pill"
contentWidth="mediumSmall" contentWidth="mediumSmall"
sizing="medium" sizing="medium"
background="noiseGradient" background="none"
cardStyle="gradient-bordered" cardStyle="gradient-bordered"
primaryButtonStyle="layered-depth" primaryButtonStyle="layered-depth"
secondaryButtonStyle="glass" secondaryButtonStyle="glass"
@@ -132,10 +133,10 @@ export default function LandingPage() {
members={[ members={[
{ {
id: "1", id: "1",
name: "Robert Sullivan", name: "Roberto Sullivano",
role: "Managing Partner & Senior Counsel", role: "Managing Partner & Senior Counsel",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766938360058-t14h8v9a.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766941134189-gkd1fcuv.jpg",
imageAlt: "Robert Sullivan, Managing Partner", imageAlt: "Roberto Sullivano, Managing Partner",
socialLinks: [ socialLinks: [
{ icon: Linkedin, url: "https://linkedin.com" } { icon: Linkedin, url: "https://linkedin.com" }
] ]
@@ -169,6 +170,26 @@ export default function LandingPage() {
socialLinks: [ socialLinks: [
{ icon: Linkedin, url: "https://linkedin.com" } { 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>
<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"> <div id="contact" data-section="contact">
<ContactText <ContactText
text="Ready to move forward with your legal matter? Contact our team today for a confidential consultation." 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>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoReveal <FooterCard
logoText="Sullivan & Associates" logoText="Sullivan & Associates"
/> />
</div> </div>