Update src/app/page.tsx

This commit is contained in:
2026-05-13 21:24:16 +00:00
parent 00bf5415a4
commit 1e92c9b517

View File

@@ -1,230 +1,138 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Briefcase, Building, CheckCircle, FileText, Headphones, LineChart, MessageSquare, PieChart } from "lucide-react";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroSplit from "@/components/sections/hero/HeroSplit";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBase from "@/components/sections/footer/FooterBase";
import { CheckCircle, Briefcase, Building, PieChart, MessageSquare, FileText, LineChart, Headphones } from "lucide-react";
import Link from "next/link";
export default function Page() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "Services", id: "#services" },
{ name: "Contact", id: "#contact" }
];
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="mediumSmall"
sizing="medium"
background="grid"
cardStyle="soft-shadow"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="solid"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Services", id: "services" },
{ name: "Why Us", id: "why-us" },
{ name: "Reviews", id: "reviews" },
{ name: "Process", id: "process" },
{ name: "Contact", id: "contact" },
]}
brandName="MIR Consultant"
/>
</div>
<ThemeProvider>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={navItems}
brandName="MIR Consultant"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{ variant: "plain" }}
title="Taxes & Financial Guidance Handled With Precision."
description="Helping individuals, families, and self-employed professionals simplify taxes, maximize returns, and gain financial confidence."
buttons={[
{ text: "Book a Consultation", href: "#contact" },
{ text: "Speak With an Expert", href: "#contact" },
]}
imageSrc="http://img.b2bpic.net/free-photo/two-business-woman-working-office-with-digital-tablet_1301-3521.jpg"
imageAlt="Luxury private banking office interior"
mediaAnimation="blur-reveal"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/pretty-smiling-business-woman-standing-window_1262-1069.jpg", alt: "Pretty Smiling Business Woman Standing at Window" },
{ src: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg", alt: "Portrait of a beauty businesswoman leaning against a brick wall" },
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-successful-businessman-standing-restaurant-with-crossed-arm_23-2147955259.jpg", alt: "Portrait of a happy successful businessman standing in restaurant with crossed arm" },
{ src: "http://img.b2bpic.net/free-photo/beaty-style-fashion-age-concept-waist-up-shot-beautiful-gray-haired-50-year-old-female-posing-indoors-standing-white-brick-wall-adjusting-her-stylish-outfit-going-have-meeting_344912-1847.jpg", alt: "Beaty, style, fashion and age concept. Waist up shot of beautiful gray haired 50 year old female posing indoors" },
{ src: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg", alt: "People having dinner in luxurious restaurants" },
]}
avatarText="Trusted by 500+ satisfied clients"
marqueeItems={[
{ type: "text", text: "Tax Filing" },
{ type: "text", text: "Strategy" },
{ type: "text", text: "Compliance" },
{ type: "text", text: "Advisory" },
{ type: "text", text: "Optimization" },
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{ variant: "plain" }}
title="Taxes & Financial Guidance Handled With Precision."
description="Helping individuals, families, and self-employed professionals simplify taxes, maximize returns, and gain financial confidence."
buttons={[{ text: "Book a Consultation", href: "#contact" }, { text: "Speak With an Expert", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/two-business-woman-working-office-with-digital-tablet_1301-3521.jpg"
imageAlt="luxury private banking office interior"
mediaAnimation="blur-reveal"
avatars={[{ src: "http://img.b2bpic.net/free-photo/pretty-smiling-business-woman-standing-window_1262-1069.jpg", alt: "Pretty Smiling Business Woman Standing at Window" }, { src: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg", alt: "Portrait of a beauty businesswoman leaning against a brick wall" }, { src: "http://img.b2bpic.net/free-photo/portrait-happy-successful-businessman-standing-restaurant-with-crossed-arm_23-2147955259.jpg", alt: "Portrait of a happy successful businessman standing in restaurant with crossed arm" }, { src: "http://img.b2bpic.net/free-photo/beaty-style-fashion-age-concept-waist-up-shot-beautiful-gray-haired-50-year-old-female-posing-indoors-standing-white-brick-wall-adjusting-her-stylish-outfit-going-have-meeting_344912-1847.jpg", alt: "Beaty, style, fashion and age concept" }, { src: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg", alt: "People having dinner in luxurious restaurants" }]}
avatarText="Trusted by 500+ satisfied clients"
marqueeItems={[{ type: "text", text: "Tax Filing" }, { type: "text", text: "Strategy" }, { type: "text", text: "Compliance" }, { type: "text", text: "Advisory" }, { type: "text", text: "Optimization" }]}
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Verified Windsor Specialist", "Fast Response Guaranteed", "Self-Employed Tax Pro", "Accurate Filing Expert", "Personalized Support", "Stress-Free Process", "Trusted Financial Advisor"]}
title="Trusted by Windsor & Ontario"
description="Proven track record of success and reliability for Ontario's professionals."
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={["Verified Windsor Specialist", "Fast Response Guaranteed", "Self-Employed Tax Pro", "Accurate Filing Expert", "Personalized Support", "Stress-Free Process", "Trusted Financial Advisor"]}
title="Trusted by Windsor & Ontario"
description="Proven track record of success and reliability for Ontario's professionals."
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Personal Tax Filing", description: "Accurate, optimized filing designed to maximize your return while eliminating stress.", icon: CheckCircle,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/two-businessman-discussing-using-digital-tablet_23-2147899929.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-small-business-owner-analyzing-reports-while-working-paperwork-pub_637285-3412.jpg" },
]
},
{
title: "Self-Employed Tax Support", description: "Specialized guidance for freelancers, contractors, and entrepreneurs.", icon: Briefcase,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/focused-businessman-looking-new-solutions_329181-19264.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/freelance-asia-lady-using-laptop-hard-work-living-room-house_7861-3032.jpg" },
]
},
{
title: "Business Tax Consulting", description: "Strategic support to help businesses stay compliant and financially organized.", icon: Building,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/luxury-office-chair-modern-glass-building-generated-by-ai_188544-13768.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-working-his-laptop_273609-12630.jpg" },
]
},
{
title: "Financial Advisory", description: "Professional insights to help you make smarter financial decisions year-round.", icon: PieChart,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/concentrated-asian-office-worker-earphones-reading-documents-workplace-indoor-portrait-chinese-freelance-it-specialist-drinks-coffee-while-using-with-laptop_197531-3739.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/blonde-business-woman-working-her-laptop_23-2149100277.jpg" },
]
},
]}
title="Our Financial Services"
description="Comprehensive tax and financial support designed for your unique needs."
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Our Financial Services"
description="Comprehensive tax and financial support designed for your unique needs."
features={[
{ title: "Personal Tax Filing", description: "Accurate, optimized filing designed to maximize your return while eliminating stress.", icon: CheckCircle, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/two-businessman-discussing-using-digital-tablet_23-2147899929.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-small-business-owner-analyzing-reports-while-working-paperwork-pub_637285-3412.jpg" }] },
{ title: "Self-Employed Tax Support", description: "Specialized guidance for freelancers, contractors, and entrepreneurs.", icon: Briefcase, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/focused-businessman-looking-new-solutions_329181-19264.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/freelance-asia-lady-using-laptop-hard-work-living-room-house_7861-3032.jpg" }] },
{ title: "Business Tax Consulting", description: "Strategic support to help businesses stay compliant and financially organized.", icon: Building, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/luxury-office-chair-modern-glass-building-generated-by-ai_188544-13768.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-working-his-laptop_273609-12630.jpg" }] },
{ title: "Financial Advisory", description: "Professional insights to help you make smarter financial decisions year-round.", icon: PieChart, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/concentrated-asian-office-worker-earphones-reading-documents-workplace-indoor-portrait-chinese-freelance-it-specialist-drinks-coffee-while-using-with-laptop_197531-3739.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/blonde-business-woman-working-her-laptop_23-2149100277.jpg" }] }
]}
/>
</div>
<div id="why-us" data-section="why-us">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Professional Guidance Without the Complexity"
description="We replace tax stress with calm expertise. Get the personalized attention your finances deserve."
metrics={[
{ value: "100%", title: "Accuracy Focus" },
{ value: "Fast", title: "Communication" },
{ value: "Expert", title: "Specialized" },
]}
imageSrc="http://img.b2bpic.net/free-photo/interior-wooden-meeting-room-with-full-function-equipment_1258-84896.jpg"
mediaAnimation="blur-reveal"
metricsAnimation="slide-up"
/>
</div>
<div id="why-us" data-section="why-us">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Professional Guidance Without the Complexity"
description="We replace tax stress with calm expertise. Get the personalized attention your finances deserve."
metrics={[{ value: "100%", title: "Accuracy Focus" }, { value: "Fast", title: "Communication" }, { value: "Expert", title: "Specialized" }]}
imageSrc="http://img.b2bpic.net/free-photo/interior-wooden-meeting-room-with-full-function-equipment_1258-84896.jpg"
mediaAnimation="blur-reveal"
metricsAnimation="slide-up"
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Sarah J.", role: "Professional", testimonial: "As a first-time client, I couldnt be happier with the service I received.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-business-woman_23-2148356286.jpg" },
{ id: "2", name: "Michael C.", role: "Entrepreneur", testimonial: "Knowledgeable, courteous, and very responsive throughout the process.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1602.jpg" },
{ id: "3", name: "Emily R.", role: "Client", testimonial: "He made filing taxes much easier as a self-employed individual.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-positive-woman-black-shirt-posing-white-background-high-quality-photo_114579-61008.jpg" },
{ id: "4", name: "David K.", role: "Contractor", testimonial: "The process was seamless and incredibly stress-free.", imageSrc: "http://img.b2bpic.net/free-photo/startup-worker-uses-laptop-open-space-reviewing-project-data-documents-workstation-executive-assistant-working-marketing-strategy-business-development-ai-developer_482257-65810.jpg" },
{ id: "5", name: "Linda M.", role: "Business Owner", testimonial: "Truly a professional team that cares about accuracy.", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-latin-businesswoman-smiling-happy-standing-with-arms-crossed-gesture-city_839833-17431.jpg" },
]}
title="Client Experiences"
description="Trusted by hard-working professionals and families."
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Client Experiences"
description="Trusted by hard-working professionals and families."
testimonials={[
{ id: "1", name: "Sarah J.", role: "Professional", testimonial: "As a first-time client, I couldnt be happier with the service I received.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-smiley-business-woman_23-2148356286.jpg" },
{ id: "2", name: "Michael C.", role: "Entrepreneur", testimonial: "Knowledgeable, courteous, and very responsive throughout the process.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1602.jpg" },
{ id: "3", name: "Emily R.", role: "Client", testimonial: "He made filing taxes much easier as a self-employed individual.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-positive-woman-black-shirt-posing-white-background-high-quality-photo_114579-61008.jpg" },
{ id: "4", name: "David K.", role: "Contractor", testimonial: "The process was seamless and incredibly stress-free.", imageSrc: "http://img.b2bpic.net/free-photo/startup-worker-uses-laptop-open-space-reviewing-project-data-documents-workstation-executive-assistant-working-marketing-strategy-business-development-ai-developer_482257-65810.jpg" },
{ id: "5", name: "Linda M.", role: "Business Owner", testimonial: "Truly a professional team that cares about accuracy.", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-latin-businesswoman-smiling-happy-standing-with-arms-crossed-gesture-city_839833-17431.jpg" }
]}
/>
</div>
<div id="process" data-section="process">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Consultation", description: "Discuss your situation and financial goals.", icon: MessageSquare,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/mature-blonde-business-woman-work_23-2149100299.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/working-from-home-time-management-concept_23-2149065330.jpg" },
]
},
{
title: "Document Collection", description: "Secure, organized submission process.", icon: FileText,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/room-used-official-event_23-2151054276.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-sitting-office-table-making-notes-preparing-presentation-reading_1258-194550.jpg" },
]
},
{
title: "Filing & Optimization", description: "Accurate preparation with strategic review.", icon: LineChart,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/business-partners-discussing-marketing-research-while-sitting-workplace_662251-96.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/worker-sitting-with-laptop_1098-3909.jpg" },
]
},
{
title: "Ongoing Support", description: "Questions answered quickly and professionally.", icon: Headphones,
mediaItems: [
{ imageSrc: "http://img.b2bpic.net/free-photo/smiley-senior-woman-posing-inside-medium-shot_23-2149833721.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/room-used-official-event_23-2151054259.jpg" },
]
},
]}
title="A Simple, Stress-Free Process"
description="We remove the friction so you can focus on what matters."
/>
</div>
<div id="process" data-section="process">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="A Simple, Stress-Free Process"
description="We remove the friction so you can focus on what matters."
features={[
{ title: "Consultation", description: "Discuss your situation and financial goals.", icon: MessageSquare, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/mature-blonde-business-woman-work_23-2149100299.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/working-from-home-time-management-concept_23-2149065330.jpg" }] },
{ title: "Document Collection", description: "Secure, organized submission process.", icon: FileText, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/room-used-official-event_23-2151054276.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-sitting-office-table-making-notes-preparing-presentation-reading_1258-194550.jpg" }] },
{ title: "Filing & Optimization", description: "Accurate preparation with strategic review.", icon: LineChart, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/business-partners-discussing-marketing-research-while-sitting-workplace_662251-96.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/worker-sitting-with-laptop_1098-3909.jpg" }] },
{ title: "Ongoing Support", description: "Questions answered quickly and professionally.", icon: Headphones, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/smiley-senior-woman-posing-inside-medium-shot_23-2149833721.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/room-used-official-event_23-2151054259.jpg" }] }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{ variant: "sparkles-gradient" }}
tag="Schedule Now"
title="Get Expert Tax Support You Can Actually Trust"
description="Whether youre filing personal taxes or managing self-employed income, MIR Consultant delivers clarity, confidence, and dependable service."
buttons={[{ text: "Schedule Your Consultation", href: "#" }]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
tag="Schedule Now"
title="Get Expert Tax Support You Can Actually Trust"
description="Whether youre filing personal taxes or managing self-employed income, MIR Consultant delivers clarity, confidence, and dependable service."
buttons={[{ text: "Schedule Your Consultation", href: "#" }]}
background={{ variant: "sparkles-gradient" }}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Contact", items: [
{ label: "(519) 555-0123", href: "tel:5195550123" },
{ label: "Windsor, ON", href: "#" },
],
},
{
title: "Navigation", items: [
{ label: "Home", href: "#" },
{ label: "Services", href: "#services" },
],
},
]}
logoText="MIR Consultant"
/>
</div>
</ReactLenis>
<div id="footer" data-section="footer">
<FooterBase
logoText="MIR Consultant"
columns={[
{ title: "Contact", items: [{ label: "(519) 555-0123", href: "tel:5195550123" }, { label: "Windsor, ON", href: "#" }] },
{ title: "Navigation", items: [{ label: "Home", href: "#" }, { label: "Services", href: "#services" }] }
]}
/>
</div>
</ThemeProvider>
);
}
}