Merge version_2 into main #1
241
src/app/page.tsx
241
src/app/page.tsx
@@ -6,7 +6,7 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
@@ -31,103 +31,28 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="DH LEGAL"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
<HeroBillboardTestimonial
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Trusted Legal Representation in Toronto"
|
||||
description="We navigate complex legal challenges, providing expert guidance as your dedicated solicitor and litigator for individuals and businesses."
|
||||
kpis={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Cases Resolved",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Client Success",
|
||||
},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "TALK WITH US TODAY",
|
||||
href: "#contact",
|
||||
},
|
||||
testimonials={[
|
||||
{ name: "Sarah J.", handle: "CEO", testimonial: "David provided expert guidance during our merger. Highly recommended.", rating: 5 },
|
||||
{ name: "Michael K.", handle: "Owner", testimonial: "Extremely responsive and effective litigation support.", rating: 5 }
|
||||
]}
|
||||
buttons={[{ text: "TALK WITH US TODAY", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg"
|
||||
imageAlt="David Hwang - Legal Counsel"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-professional-sitting-office_1098-21006.jpg",
|
||||
alt: "Client profile 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/professional-woman-stylish-suit-office_23-2150167727.jpg",
|
||||
alt: "Client profile 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-business-man-sitting-empty-office-desk_1262-5631.jpg",
|
||||
alt: "Client profile 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280734.jpg",
|
||||
alt: "Client profile 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
|
||||
alt: "Client profile 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ satisfied clients across Toronto"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Corporate Law",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Litigation Specialist",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Risk Mitigation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Regulatory Compliance",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Contract Disputes",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -137,18 +62,9 @@ export default function LandingPage() {
|
||||
title="Client-Focused Approach"
|
||||
description="David Hwang provides personalized, accessible legal solutions tailored to your unique situation. We prioritize clear communication and effective outcomes."
|
||||
metrics={[
|
||||
{
|
||||
value: "Responsive",
|
||||
title: "Rapid Response Time",
|
||||
},
|
||||
{
|
||||
value: "Results",
|
||||
title: "Proven Case Strategy",
|
||||
},
|
||||
{
|
||||
value: "Accessible",
|
||||
title: "Client First Philosophy",
|
||||
},
|
||||
{ value: "Responsive", title: "Rapid Response Time" },
|
||||
{ value: "Results", title: "Proven Case Strategy" },
|
||||
{ value: "Accessible", title: "Client First Philosophy" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-world-intellectual-property-day_23-2151325850.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -162,21 +78,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Briefcase,
|
||||
title: "Corporate Law",
|
||||
description: "Strategic guidance for business entities and governance.",
|
||||
},
|
||||
{
|
||||
icon: Scale,
|
||||
title: "Litigation",
|
||||
description: "Expert representation in disputes and court matters.",
|
||||
},
|
||||
{
|
||||
icon: AlertTriangle,
|
||||
title: "Risk Management",
|
||||
description: "Lending and regulatory risk mitigation for your firm.",
|
||||
},
|
||||
{ icon: Briefcase, title: "Corporate Law", description: "Strategic guidance for business entities and governance." },
|
||||
{ icon: Scale, title: "Litigation", description: "Expert representation in disputes and court matters." },
|
||||
{ icon: AlertTriangle, title: "Risk Management", description: "Lending and regulatory risk mitigation for your firm." },
|
||||
]}
|
||||
title="Our Legal Expertise"
|
||||
description="Comprehensive legal services for diverse needs."
|
||||
@@ -189,41 +93,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "CEO",
|
||||
testimonial: "David provided expert guidance during our merger. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael K.",
|
||||
role: "Owner",
|
||||
testimonial: "Extremely responsive and effective litigation support.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Entrepreneur",
|
||||
testimonial: "The communication was transparent and the results were great.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David L.",
|
||||
role: "Partner",
|
||||
testimonial: "Professional, empathetic, and truly client-focused.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Rebecca B.",
|
||||
role: "Manager",
|
||||
testimonial: "A trusted advisor for our commercial business matters.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", role: "CEO", testimonial: "David provided expert guidance during our merger. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg" },
|
||||
{ id: "2", name: "Michael K.", role: "Owner", testimonial: "Extremely responsive and effective litigation support.", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg" },
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Hear how we have helped our clients achieve their legal objectives."
|
||||
@@ -235,21 +106,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do I schedule a consultation?",
|
||||
content: "Contact our office directly or use the request form on our site.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "What areas do you cover?",
|
||||
content: "We primarily serve Toronto and surrounding GTA areas.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is my consultation confidential?",
|
||||
content: "Yes, all consultations are strictly confidential.",
|
||||
},
|
||||
{ id: "1", title: "How do I schedule a consultation?", content: "Contact our office directly or use the request form on our site." },
|
||||
{ id: "2", title: "What areas do you cover?", content: "We primarily serve Toronto and surrounding GTA areas." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Quick answers to help you get started."
|
||||
@@ -262,14 +120,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Legal Excellence Awards",
|
||||
"Law Society of Ontario",
|
||||
"Certified Risk Manager",
|
||||
"Corporate Law Council",
|
||||
"Toronto Business Bureau",
|
||||
"Legal Aid Association",
|
||||
"Arbitration Society",
|
||||
]}
|
||||
"Legal Excellence Awards", "Law Society of Ontario", "Certified Risk Manager"]}
|
||||
title="Trusted Partners & Affiliations"
|
||||
description="We are recognized by top industry bodies for excellence in legal practice."
|
||||
/>
|
||||
@@ -278,21 +129,13 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Get in Touch"
|
||||
title="Speak With Us Today"
|
||||
description="Schedule your confidential consultation for your individual or business legal needs."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: (416) 555-0199",
|
||||
href: "tel:+14165550199",
|
||||
},
|
||||
{
|
||||
text: "Request Consultation",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Call Now: (416) 555-0199", href: "tel:+14165550199" },
|
||||
{ text: "Request Consultation", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -301,36 +144,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="DH LEGAL"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Resources", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 | DH Legal"
|
||||
/>
|
||||
@@ -338,4 +153,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user