Update src/app/page.tsx

Update src/app/styles/variables.css
2026-04-07 12:15:12 +00:00 · 2026-04-07 12:14:40 +00:00 · 2026-04-07 12:14:09 +00:00 · 2026-04-07 12:14:08 +00:00 · 2026-04-07 12:04:52 +00:00 · 2026-04-07 12:04:21 +00:00
3 changed files with 46 additions and 88 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -8,6 +8,7 @@ import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Cormorant_Garamond } from "next/font/google";
 import { Montserrat } from "next/font/google";
+import { Inter, Montserrat } from "next/font/google";



@@ -16,15 +17,13 @@ export const metadata: Metadata = {
  description: 'Acton Law LLC provides specialized, high-stakes legal solutions for complex commercial, corporate, and banking disputes in Singapore.',
 };

+
 const cormorant = Cormorant_Garamond({
-  variable: "--font-cormorant",
-  subsets: ["latin"],
+  variable: "--font-cormorant",  subsets: ["latin"],
  weight: ["300", "400", "500"],
 });
-const montserrat = Montserrat({
-  variable: "--font-montserrat",
-  subsets: ["latin"],
-});
+const inter = Inter({ variable: "--font-inter", subsets: ["latin"] });
+const montserrat = Montserrat({ variable: "--font-montserrat", subsets: ["latin"] });

 export default function RootLayout({
  children,
@@ -34,7 +33,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${cormorant.variable} ${montserrat.variable} antialiased`}>
+        <body className={`${cormorant.variable} ${inter.variable} ${montserrat.variable} antialiased`}>
          <Tag />
          {children}
          <script
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,15 +17,15 @@ export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="pill"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
        contentWidth="compact"
-        sizing="mediumLargeSizeMediumTitles"
-        background="fluid"
-        cardStyle="glass-elevated"
-        primaryButtonStyle="shadow"
-        secondaryButtonStyle="radial-glow"
-        headingFontWeight="normal"
+        sizing="largeSizeMediumTitles"
+        background="none"
+        cardStyle="outline"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="solid"
+        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
@@ -34,11 +34,11 @@ export default function LandingPage() {
        { name: "About", id: "about" },
        { name: "Expertise", id: "expertise" },
        { name: "Special Situations", id: "special-situations" },
-        { name: "Strategic", id: "strategic" },
+        { name: "Strategic Studies", id: "strategic" },
        { name: "People", id: "people" },
        { name: "Contact", id: "contact" },
      ]}
-      brandName="Acton Law LLC"
+      brandName="Acton Law"
      button={{ text: "Get in Touch", href: "#contact" }}
    />
  </div>
@@ -46,40 +46,15 @@ export default function LandingPage() {
  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{ variant: "gradient-bars" }}
-      title="Special Situations"
-      description="Acton Law LLC. A precise and authoritative firm providing high-stakes legal solutions."
+      title="Acton Law"
+      description="Premium legal counsel for high-stakes commercial disputes and complex corporate advisory."
      leftCarouselItems={[
-        { imageSrc: "http://img.b2bpic.net/free-photo/bubbles-colored-water-surface_23-2147798230.jpg?_wi=1", imageAlt: "Cinematic visual" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/bubbles-colored-water-surface_23-2147798230.jpg?_wi=2", imageAlt: "Cinematic visual" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/bubbles-colored-water-surface_23-2147798230.jpg?_wi=3", imageAlt: "Cinematic visual" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/bubbles-colored-water-surface_23-2147798230.jpg?_wi=4", imageAlt: "Cinematic visual" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/bubbles-colored-water-surface_23-2147798230.jpg?_wi=5", imageAlt: "Cinematic visual" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/bubbles-colored-water-surface_23-2147798230.jpg?_wi=6", imageAlt: "Cinematic visual" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1pis0ErxUsWXrTCi7ZXnAMHlz/uploaded-1775563443977-l3hvw9p7.jpg", imageAlt: "Hero background" },
      ]}
      rightCarouselItems={[
-        { imageSrc: "http://img.b2bpic.net/free-photo/bubbles-colored-water-surface_23-2147798230.jpg?_wi=7", imageAlt: "Cinematic visual" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/bubbles-colored-water-surface_23-2147798230.jpg?_wi=8", imageAlt: "Cinematic visual" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/bubbles-colored-water-surface_23-2147798230.jpg?_wi=9", imageAlt: "Cinematic visual" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/bubbles-colored-water-surface_23-2147798230.jpg?_wi=10", imageAlt: "Cinematic visual" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/bubbles-colored-water-surface_23-2147798230.jpg?_wi=11", imageAlt: "Cinematic visual" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/bubbles-colored-water-surface_23-2147798230.jpg?_wi=12", imageAlt: "Cinematic visual" },
-      ]}
-      buttons={[{ text: "Learn More", href: "#about" }]}
-      avatars={[
-        { src: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg", alt: "Lawyer 1" },
-        { src: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-blue-suit-posing-gray_158538-4472.jpg", alt: "Lawyer 2" },
-        { src: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg", alt: "Lawyer 3" },
-        { src: "http://img.b2bpic.net/free-photo/close-up-happy-mature-businessman-with-cup-coffee_23-2147955276.jpg", alt: "Lawyer 4" },
-        { src: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg", alt: "Lawyer 5" },
-      ]}
-      avatarText="Our dedicated legal team"
-      marqueeItems={[
-        { type: "text", text: "Corporate Governance" },
-        { type: "text", text: "High-Stakes Dispute Resolution" },
-        { type: "text", text: "Banking Law" },
-        { type: "text", text: "Strategic Advisory" },
-        { type: "text", text: "Complex Negotiations" },
+        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1pis0ErxUsWXrTCi7ZXnAMHlz/uploaded-1775563443978-4uvdmpq9.jpg", imageAlt: "Hero background" },
      ]}
+      buttons={[{ text: "Explore Expertise", href: "#expertise" }]}
    />
  </div>

@@ -92,8 +67,8 @@ export default function LandingPage() {
        { value: "15+", title: "Years of Counsel" },
        { value: "200+", title: "Successful Cases" },
      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg?_wi=1"
-      imageAlt="Team member"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1pis0ErxUsWXrTCi7ZXnAMHlz/uploaded-1775563443978-49wzptz6.png"
+      imageAlt="Our approach"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
@@ -103,13 +78,13 @@ export default function LandingPage() {
      <FeatureHoverPattern
      animationType="slide-up"
      textboxLayout="split"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
      features={[
        { icon: Shield, title: "Corporate Dispute Resolution", description: "High-level dispute strategy for corporate entities." },
        { icon: Zap, title: "Commercial Advisory", description: "Precise guidance on complex agreements and deals." },
        { icon: Award, title: "Banking Litigation", description: "Technical navigation of banking and finance legalities." },
      ]}
-      title="Expertise and Experience"
+      title="Expertise"
      description="Our practice covers diverse high-stakes commercial disputes and complex corporate advisory."
    />
  </div>
@@ -121,12 +96,10 @@ export default function LandingPage() {
      useInvertedBackground={false}
      plans={[
        {
-          id: "1",          badge: "Core",          price: "Crisis",          subtitle: "Strategic containment",          buttons: [{ text: "Inquire", href: "#contact" }],
-          features: ["Immediate intervention", "Strategic mapping", "Risk mitigation"],
+          id: "1", badge: "Strategy", price: "Crisis Containment", subtitle: "Strategic intervention for critical moments.", buttons: [{ text: "Consult", href: "#contact" }], features: ["Immediate assessment", "Strategy formulation", "Risk mitigation"],
        },
        {
-          id: "2",          badge: "Core",          price: "Resolution",          subtitle: "Final outcome control",          buttons: [{ text: "Inquire", href: "#contact" }],
-          features: ["Legal negotiation", "Dispute settlement", "Post-settlement advisory"],
+          id: "2", badge: "Resolution", price: "Outcome Control", subtitle: "Achieving finality through negotiation.", buttons: [{ text: "Consult", href: "#contact" }], features: ["Litigation strategy", "Conflict resolution", "Executive guidance"],
        },
      ]}
      title="Special Situations"
@@ -138,30 +111,22 @@ export default function LandingPage() {
      <BlogCardThree
      animationType="slide-up"
      textboxLayout="split"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
      title="Strategic Studies"
      description="Observations and technical analysis on commercial law."
      blogs={[
-        {
-          id: "1", category: "Insights", title: "Commercial Agreements Book", excerpt: "Strategic analysis by our team.", imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg?_wi=2", authorName: "Jeremy Acton", authorAvatar: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg", date: "2024"},
-        {
-          id: "2", category: "Insights", title: "Litigation Trends", excerpt: "Analysis on current market shifts.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-blue-suit-posing-gray_158538-4472.jpg?_wi=1", authorName: "Acton Team", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-blue-suit-posing-gray_158538-4472.jpg", date: "2024"},
-        {
-          id: "3", category: "Insights", title: "Corporate Governance", excerpt: "Technical study on compliance.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg?_wi=1", authorName: "Acton Team", authorAvatar: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg", date: "2024"},
+        { id: "1", category: "Insights", title: "Commercial Governance", excerpt: "In-depth analysis of modern corporate law.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1pis0ErxUsWXrTCi7ZXnAMHlz/uploaded-1775563443978-49wzptz6.png", authorName: "Jeremy Acton", authorAvatar: "", date: "2025" },
      ]}
    />
  </div>

  <div id="people" data-section="people">
      <TeamCardTen
+      tag="Our People"
      useInvertedBackground={false}
-      title="Our People"
-      tag="Partners"
+      title="Our Team"
      members={[
-        { id: "1", name: "Jeremy Acton", imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg?_wi=3" },
-        { id: "2", name: "Senior Partner", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-blue-suit-posing-gray_158538-4472.jpg?_wi=2" },
-        { id: "3", name: "Associate Counsel", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-middle-aged-business-leader_1262-4845.jpg?_wi=2" },
-        { id: "4", name: "Legal Specialist", imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-mature-businessman-with-cup-coffee_23-2147955276.jpg" },
+        { id: "1", name: "Jeremy Acton", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1pis0ErxUsWXrTCi7ZXnAMHlz/uploaded-1775563443978-49wzptz6.png" },
      ]}
      memberVariant="card"
      membersAnimation="slide-up"
@@ -170,30 +135,24 @@ export default function LandingPage() {

  <div id="contact" data-section="contact">
      <ContactText
-      useInvertedBackground={false}
-      background={{ variant: "plain" }}
-      text="For confidential inquiries, contact: enquiries@actonlaw.sg"
+      useInvertedBackground={true}
+      background={{ variant: "gradient-bars" }}
+      text="For confidential inquiries, contact our lead counsel at enquiries@actonlaw.sg"
+      buttons={[{ text: "Send Email", href: "mailto:enquiries@actonlaw.sg" }]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/bubbles-colored-water-surface_23-2147798230.jpg?_wi=13"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1pis0ErxUsWXrTCi7ZXnAMHlz/uploaded-1775563443977-l3hvw9p7.jpg"
      logoText="ACTON LAW"
      columns={[
-        {
-          title: "Navigation",          items: [
-            { label: "About", href: "#about" },
-            { label: "Contact", href: "#contact" },
-          ],
-        },
-        {
-          title: "Address",          items: [{ label: "70 Shenton Way #12-06/07 Eon Shenton Singapore 079118", href: "#" }],
-        },
+        { title: "Navigation", items: [{ label: "About", href: "#about" }, { label: "Expertise", href: "#expertise" }] },
+        { title: "Contact", items: [{ label: "enquiries@actonlaw.sg", href: "mailto:enquiries@actonlaw.sg" }] },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -11,14 +11,14 @@
  --background-accent: #ffffff; */

  --background: #0a0a0a;
-  --card: #1a1a1b;
-  --foreground: #E5E5E5;
-  --primary-cta: #E5E5E5;
+  --card: #121212;
+  --foreground: #e5e5e5;
+  --primary-cta: #ffffff;
  --primary-cta-text: #0a0a0a;
-  --secondary-cta: #0a0a0a;
+  --secondary-cta: #1a1a1a;
  --secondary-cta-text: #E5E5E5;
-  --accent: #222222;
-  --background-accent: #1A1A1B;
+  --accent: #333333;
+  --background-accent: #1a1a1a;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	f3a1e49ea6	Update src/app/page.tsx	2026-04-07 12:15:12 +00:00
bender	91d67bb2b8	Update src/app/page.tsx	2026-04-07 12:14:40 +00:00
bender	e6c21053fe	Update src/app/styles/variables.css	2026-04-07 12:14:09 +00:00
bender	73627807f5	Update src/app/page.tsx	2026-04-07 12:14:08 +00:00
bender	a09ba759c7	Update src/app/page.tsx	2026-04-07 12:04:52 +00:00
bender	0cce129405	Update src/app/page.tsx	2026-04-07 12:04:21 +00:00
bender	86f844afbe	Update src/app/layout.tsx	2026-04-07 12:04:20 +00:00
bender	46026c10fc	Merge version_1 into main Merge version_1 into main	2026-04-07 12:00:00 +00:00
bender	4db8ef9f3c	Merge version_1 into main Merge version_1 into main	2026-04-07 11:59:33 +00:00
bender	c54e5ed29b	Merge version_1 into main Merge version_1 into main	2026-04-07 11:58:58 +00:00