423 lines
17 KiB
TypeScript
423 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
|
|
import MetricCardTen from "@/components/sections/metrics/MetricCardTen";
|
|
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
|
|
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
|
|
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
|
import FaqBase from "@/components/sections/faq/FaqBase";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
import Link from "next/link";
|
|
import {
|
|
Shield,
|
|
Briefcase,
|
|
Gavel,
|
|
Users,
|
|
Award,
|
|
Pickaxe,
|
|
Home,
|
|
Building2,
|
|
Quote,
|
|
HelpCircle,
|
|
Phone,
|
|
CheckCircle,
|
|
Star,
|
|
} from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Tally & Tally"
|
|
navItems={[
|
|
{ name: "Practice Areas", id: "services" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardDashboard
|
|
title="Trusted Oklahoma Legal Representation You Can Count On"
|
|
description="Experienced. Professional. Dedicated to Protecting Your Rights."
|
|
tag="Local Oklahoma Expertise"
|
|
tagIcon={Shield}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "📞 Call Now for a Consultation", href: "tel:+19185551234" },
|
|
{ text: "Request a Consultation", href: "#contact" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "radial-gradient" }}
|
|
dashboard={{
|
|
title: "Why Choose Tally & Tally",
|
|
logoIcon: Briefcase,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/businesspeople-having-discussion-office_107420-84847.jpg",
|
|
imageAlt: "Tally & Tally Law Office",
|
|
sidebarItems: [
|
|
{ icon: Gavel, active: true },
|
|
{ icon: Users },
|
|
{ icon: Award },
|
|
],
|
|
buttons: [
|
|
{ text: "Schedule Now", href: "#contact" },
|
|
{ text: "Learn More", href: "#services" },
|
|
],
|
|
stats: [
|
|
{
|
|
title: "Years of Experience",
|
|
values: [25, 28, 30],
|
|
description: "Serving Oklahoma clients",
|
|
},
|
|
{
|
|
title: "Client Satisfaction",
|
|
values: [92, 95, 98],
|
|
valueSuffix: "%",
|
|
description: "Highly rated reputation",
|
|
},
|
|
{
|
|
title: "Cases Resolved",
|
|
values: [500, 750, 1000],
|
|
description: "Successful outcomes",
|
|
},
|
|
],
|
|
chartTitle: "Client Success Rate",
|
|
chartData: [
|
|
{ value: 88 },
|
|
{ value: 92 },
|
|
{ value: 95 },
|
|
{ value: 93 },
|
|
{ value: 97 },
|
|
],
|
|
listTitle: "Recent Achievements",
|
|
listItems: [
|
|
{
|
|
icon: CheckCircle,
|
|
title: "Referred by County Officials",
|
|
status: "Verified",
|
|
},
|
|
{
|
|
icon: Star,
|
|
title: "5-Star Client Reviews",
|
|
status: "Consistent",
|
|
},
|
|
{
|
|
icon: Award,
|
|
title: "Local Legal Authority",
|
|
status: "Established",
|
|
},
|
|
],
|
|
searchPlaceholder: "How can we help?",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="trust" data-section="trust">
|
|
<MetricCardTen
|
|
title="Why Oklahoma Trusts Tally & Tally"
|
|
description="Our proven track record of excellence and client-focused service sets us apart in Oklahoma legal representation."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "1",
|
|
title: "Serving Oklahoma",
|
|
subtitle: "For over 25 years with deep local roots",
|
|
category: "Experience",
|
|
value: "25+ Years",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Referred by County Officials",
|
|
subtitle: "Trusted partner in Oklahoma legal community",
|
|
category: "Credibility",
|
|
value: "Official Referrals",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "5-Star Local Reputation",
|
|
subtitle: "Consistently excellent client feedback",
|
|
category: "Reviews",
|
|
value: "5 Stars",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyFive
|
|
title="Our Practice Areas"
|
|
description="Comprehensive legal services tailored to your needs. Expert representation across multiple practice areas."
|
|
tag="Services"
|
|
tagIcon={Briefcase}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
title: "Mineral Rights Law",
|
|
description:
|
|
"Navigate complex mineral rights disputes and transactions with confidence. We protect your interests in Oklahoma's energy sector.",
|
|
icon: Pickaxe,
|
|
mediaItems: [
|
|
{
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/still-life-world-intellectual-property-day_23-2151325851.jpg?_wi=1",
|
|
imageAlt: "Mineral Rights Consultation",
|
|
},
|
|
{
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/still-life-world-intellectual-property-day_23-2151325851.jpg?_wi=2",
|
|
imageAlt: "Mineral Rights Documentation",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Estate & Inheritance Law",
|
|
description:
|
|
"Secure your family's future with comprehensive estate planning and inheritance guidance. Clear strategies for every situation.",
|
|
icon: Home,
|
|
mediaItems: [
|
|
{
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/middle-aged-couple-meeting-with-notary_74855-2978.jpg?_wi=1",
|
|
imageAlt: "Estate Planning",
|
|
},
|
|
{
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/middle-aged-couple-meeting-with-notary_74855-2978.jpg?_wi=2",
|
|
imageAlt: "Inheritance Planning",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Property Law",
|
|
description:
|
|
"Expert guidance on property transactions, disputes, and rights. Protect your real estate investments with seasoned counsel.",
|
|
icon: Building2,
|
|
mediaItems: [
|
|
{
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/still-life-world-intellectual-property-day_23-2151325851.jpg?_wi=3",
|
|
imageAlt: "Property Law Services",
|
|
},
|
|
{
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/still-life-world-intellectual-property-day_23-2151325851.jpg?_wi=4",
|
|
imageAlt: "Real Estate Consultation",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "General Legal Services",
|
|
description:
|
|
"Broad legal support for individuals and businesses. Practical solutions to your most pressing legal challenges.",
|
|
icon: Gavel,
|
|
mediaItems: [
|
|
{
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/business-people-meeting_53876-15137.jpg?_wi=1",
|
|
imageAlt: "General Legal Consultation",
|
|
},
|
|
{
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/business-people-meeting_53876-15137.jpg?_wi=2",
|
|
imageAlt: "Legal Services",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
title="About Tally & Tally"
|
|
description={[
|
|
"With over 25 years of legal practice in Oklahoma, Tally & Tally has established itself as a trusted name in local legal representation. Our firm combines deep expertise in mineral rights, estate planning, and property law with a personal, down-to-earth approach.",
|
|
"We understand that legal matters can be stressful and complex. That's why we focus on clear communication, practical solutions, and unwavering dedication to your case. Our track record speaks for itself—referred by county officials and consistently praised by our clients for getting results.",
|
|
]}
|
|
buttons={[{ text: "Schedule a Consultation", href: "#contact" }]}
|
|
buttonAnimation="slide-up"
|
|
showBorder={true}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
title="What Our Clients Say"
|
|
description="Real experiences from Oklahoma clients who've trusted us with their legal matters. See why they recommend Tally & Tally."
|
|
tag="Testimonials"
|
|
tagIcon={Quote}
|
|
tagAnimation="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Sarah Mitchell",
|
|
role: "Mineral Rights Owner",
|
|
company: "Local Guide",
|
|
rating: 5,
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg?_wi=1",
|
|
imageAlt: "Sarah Mitchell - Mineral Rights Owner",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "James Rodriguez",
|
|
role: "Business Owner",
|
|
company: "Local Guide",
|
|
rating: 5,
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg?_wi=1",
|
|
imageAlt: "James Rodriguez - Business Owner",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Mary Thompson",
|
|
role: "Estate Planner Client",
|
|
company: "Local Guide",
|
|
rating: 5,
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg?_wi=2",
|
|
imageAlt: "Mary Thompson - Estate Planner Client",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "David Chen",
|
|
role: "Real Estate Investor",
|
|
company: "Local Guide",
|
|
rating: 5,
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",
|
|
imageAlt: "David Chen - Real Estate Investor",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Lisa Patterson",
|
|
role: "Property Owner",
|
|
company: "Local Guide",
|
|
rating: 5,
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",
|
|
imageAlt: "Lisa Patterson - Property Owner",
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Michael Johnson",
|
|
role: "General Client",
|
|
company: "Local Guide",
|
|
rating: 5,
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3",
|
|
imageAlt: "Michael Johnson - General Client",
|
|
},
|
|
]}
|
|
kpiItems={[
|
|
{ value: "25+", label: "Years of Experience" },
|
|
{ value: "1000+", label: "Cases Resolved Successfully" },
|
|
{ value: "98%", label: "Client Satisfaction Rate" },
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "How much does a consultation cost?",
|
|
content:
|
|
"We offer free initial consultations to discuss your legal needs and explore how we can help. There are no obligations, and you'll get a clear understanding of potential costs and strategy.",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "How long does the legal process typically take?",
|
|
content:
|
|
"Timeline varies depending on the complexity of your case. During your consultation, we'll provide an honest estimate and keep you informed throughout the process. Our goal is efficient, effective representation.",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Do you handle cases outside of Oklahoma?",
|
|
content:
|
|
"We primarily serve Oklahoma clients. For matters with interstate implications, we have established relationships with qualified counsel in other states and can coordinate representation.",
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "What if I'm not ready to commit to full representation?",
|
|
content:
|
|
"We offer flexible engagement options. You can seek advice for specific questions, get guidance on a particular issue, or engage us for full case representation. We work with your budget and needs.",
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "How do you communicate with clients?",
|
|
content:
|
|
"We maintain regular communication via phone, email, and in-person meetings. You'll always know where your case stands, and we're responsive to your questions and concerns.",
|
|
},
|
|
{
|
|
id: "6",
|
|
title: "What payment options do you offer?",
|
|
content:
|
|
"We work with various payment arrangements including hourly billing, flat fees for specific services, and contingency arrangements in appropriate cases. We'll discuss options during your consultation.",
|
|
},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our legal services and how we can help you."
|
|
tag="FAQ"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
animationType="smooth"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<div className="mx-auto px-4 md:px-6">
|
|
<div className="mb-12 text-center">
|
|
<h2 className="text-4xl font-bold mb-4">Get the Legal Help You Deserve</h2>
|
|
<p className="text-lg text-gray-600 mb-8">
|
|
Ready to take the next step? Contact us today for a free consultation with an experienced Oklahoma attorney.
|
|
</p>
|
|
<a
|
|
href="tel:+19185551234"
|
|
className="inline-block bg-[#FF7B05] text-white px-8 py-3 rounded-full font-semibold hover:bg-opacity-90 transition"
|
|
>
|
|
📞 Call Now (918) 555-1234
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<footer id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Tally & Tally"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Terms of Service", href: "#" }}
|
|
/>
|
|
</footer>
|
|
</ThemeProvider>
|
|
);
|
|
} |