Switch to version 1: modified src/app/styles/variables.css

Switch to version 1: modified src/app/page.tsx
Switch to version 1: modified src/app/layout.tsx
2026-04-07 12:22:08 +00:00 · 2026-04-07 12:22:08 +00:00 · 2026-04-07 12:22:08 +00:00 · 2026-04-07 12:15:15 +00:00 · 2026-04-07 12:14:43 +00:00 · 2026-04-07 12:14:12 +00:00
3 changed files with 88 additions and 46 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -8,7 +8,6 @@ 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";



@@ -17,13 +16,15 @@ 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 inter = Inter({ variable: "--font-inter", subsets: ["latin"] });
-const montserrat = Montserrat({ variable: "--font-montserrat", subsets: ["latin"] });
+const montserrat = Montserrat({
+  variable: "--font-montserrat",
+  subsets: ["latin"],
+});

 export default function RootLayout({
  children,
@@ -33,7 +34,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${cormorant.variable} ${inter.variable} ${montserrat.variable} antialiased`}>
+        <body className={`${cormorant.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="reveal-blur"
-        borderRadius="soft"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
        contentWidth="compact"
-        sizing="largeSizeMediumTitles"
-        background="none"
-        cardStyle="outline"
-        primaryButtonStyle="flat"
-        secondaryButtonStyle="solid"
-        headingFontWeight="semibold"
+        sizing="mediumLargeSizeMediumTitles"
+        background="fluid"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="shadow"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="normal"
    >
      <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 Studies", id: "strategic" },
+        { name: "Strategic", id: "strategic" },
        { name: "People", id: "people" },
        { name: "Contact", id: "contact" },
      ]}
-      brandName="Acton Law"
+      brandName="Acton Law LLC"
      button={{ text: "Get in Touch", href: "#contact" }}
    />
  </div>
@@ -46,15 +46,40 @@ export default function LandingPage() {
  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{ variant: "gradient-bars" }}
-      title="Acton Law"
-      description="Premium legal counsel for high-stakes commercial disputes and complex corporate advisory."
+      title="Special Situations"
+      description="Acton Law LLC. A precise and authoritative firm providing high-stakes legal solutions."
      leftCarouselItems={[
-        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1pis0ErxUsWXrTCi7ZXnAMHlz/uploaded-1775563443977-l3hvw9p7.jpg", imageAlt: "Hero background" },
+        { 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" },
      ]}
      rightCarouselItems={[
-        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1pis0ErxUsWXrTCi7ZXnAMHlz/uploaded-1775563443978-4uvdmpq9.jpg", imageAlt: "Hero background" },
+        { 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" },
      ]}
-      buttons={[{ text: "Explore Expertise", href: "#expertise" }]}
    />
  </div>

@@ -67,8 +92,8 @@ export default function LandingPage() {
        { value: "15+", title: "Years of Counsel" },
        { value: "200+", title: "Successful Cases" },
      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1pis0ErxUsWXrTCi7ZXnAMHlz/uploaded-1775563443978-49wzptz6.png"
-      imageAlt="Our approach"
+      imageSrc="http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg?_wi=1"
+      imageAlt="Team member"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
@@ -78,13 +103,13 @@ export default function LandingPage() {
      <FeatureHoverPattern
      animationType="slide-up"
      textboxLayout="split"
-      useInvertedBackground={true}
+      useInvertedBackground={false}
      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"
+      title="Expertise and Experience"
      description="Our practice covers diverse high-stakes commercial disputes and complex corporate advisory."
    />
  </div>
@@ -96,10 +121,12 @@ export default function LandingPage() {
      useInvertedBackground={false}
      plans={[
        {
-          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: "1",          badge: "Core",          price: "Crisis",          subtitle: "Strategic containment",          buttons: [{ text: "Inquire", href: "#contact" }],
+          features: ["Immediate intervention", "Strategic mapping", "Risk mitigation"],
        },
        {
-          id: "2", badge: "Resolution", price: "Outcome Control", subtitle: "Achieving finality through negotiation.", buttons: [{ text: "Consult", href: "#contact" }], features: ["Litigation strategy", "Conflict resolution", "Executive guidance"],
+          id: "2",          badge: "Core",          price: "Resolution",          subtitle: "Final outcome control",          buttons: [{ text: "Inquire", href: "#contact" }],
+          features: ["Legal negotiation", "Dispute settlement", "Post-settlement advisory"],
        },
      ]}
      title="Special Situations"
@@ -111,22 +138,30 @@ export default function LandingPage() {
      <BlogCardThree
      animationType="slide-up"
      textboxLayout="split"
-      useInvertedBackground={true}
+      useInvertedBackground={false}
      title="Strategic Studies"
      description="Observations and technical analysis on commercial law."
      blogs={[
-        { 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" },
+        {
+          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"},
      ]}
    />
  </div>

  <div id="people" data-section="people">
      <TeamCardTen
-      tag="Our People"
      useInvertedBackground={false}
-      title="Our Team"
+      title="Our People"
+      tag="Partners"
      members={[
-        { id: "1", name: "Jeremy Acton", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1pis0ErxUsWXrTCi7ZXnAMHlz/uploaded-1775563443978-49wzptz6.png" },
+        { 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" },
      ]}
      memberVariant="card"
      membersAnimation="slide-up"
@@ -135,24 +170,30 @@ export default function LandingPage() {

  <div id="contact" data-section="contact">
      <ContactText
-      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" }]}
+      useInvertedBackground={false}
+      background={{ variant: "plain" }}
+      text="For confidential inquiries, contact: enquiries@actonlaw.sg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1pis0ErxUsWXrTCi7ZXnAMHlz/uploaded-1775563443977-l3hvw9p7.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/bubbles-colored-water-surface_23-2147798230.jpg?_wi=13"
      logoText="ACTON LAW"
      columns={[
-        { title: "Navigation", items: [{ label: "About", href: "#about" }, { label: "Expertise", href: "#expertise" }] },
-        { title: "Contact", items: [{ label: "enquiries@actonlaw.sg", href: "mailto:enquiries@actonlaw.sg" }] },
+        {
+          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: "#" }],
+        },
      ]}
    />
  </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: #121212;
-  --foreground: #e5e5e5;
-  --primary-cta: #ffffff;
+  --card: #1a1a1b;
+  --foreground: #E5E5E5;
+  --primary-cta: #E5E5E5;
  --primary-cta-text: #0a0a0a;
-  --secondary-cta: #1a1a1a;
+  --secondary-cta: #0a0a0a;
  --secondary-cta-text: #E5E5E5;
-  --accent: #333333;
-  --background-accent: #1a1a1a;
+  --accent: #222222;
+  --background-accent: #1A1A1B;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	9605bf1f61	Switch to version 1: modified src/app/styles/variables.css	2026-04-07 12:22:08 +00:00
bender	29f26e832d	Switch to version 1: modified src/app/page.tsx	2026-04-07 12:22:08 +00:00
bender	3f39f55b58	Switch to version 1: modified src/app/layout.tsx	2026-04-07 12:22:08 +00:00
bender	36f93edb60	Merge version_2 into main Merge version_2 into main	2026-04-07 12:15:15 +00:00
bender	5e737e0355	Merge version_2 into main Merge version_2 into main	2026-04-07 12:14:43 +00:00
bender	d009facd13	Merge version_2 into main Merge version_2 into main	2026-04-07 12:14:12 +00:00
bender	db30dedf0a	Merge version_2 into main Merge version_2 into main	2026-04-07 12:04:58 +00:00
bender	0d621a8f84	Merge version_2 into main Merge version_2 into main	2026-04-07 12:04:24 +00:00