Compare commits
10 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 19c28b2f06 | |||
| ae8df3a060 | |||
| c6ebe8f124 | |||
| 7ed5748480 | |||
| f3a1bd56b3 | |||
| 5fa5421c02 | |||
| 1369d3c323 | |||
| 095228a616 | |||
| 30917471d5 | |||
| c2047ced83 |
@@ -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;
|
||||
}
|
||||
@@ -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}
|
||||
|
||||
@@ -7,6 +7,7 @@ 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 { Linkedin } from "lucide-react";
|
||||
@@ -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"
|
||||
@@ -52,7 +53,7 @@ export default function LandingPage() {
|
||||
{ text: "Schedule Consultation", href: "contact" },
|
||||
{ text: "Our Services", href: "services" }
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766938356113-opfze8l1.jpg"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766938896016-15kyl7s5.jpg"
|
||||
imageAlt="Modern law office in New York City"
|
||||
frameStyle="card"
|
||||
/>
|
||||
@@ -239,6 +240,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."
|
||||
|
||||
Reference in New Issue
Block a user