bender/33582a95-a91d-4458-b629-3ff69c516fd7
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_2
Branches Tags
bender:main bender:version_2 bender:version_1
...
pull from: bender:main
Branches Tags
bender:main bender:version_2 bender:version_1

8 Commits
version_2 ... main

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
3 changed files with 88 additions and 46 deletions
Expand all files Collapse all files

13
src/app/layout.tsx
View File

@@ -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

109
src/app/page.tsx
View File

@@ -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>
);
}
}

12
src/app/styles/variables.css
View File

@@ -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);