Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 1cec157e66 | |||
| 1f66c83e92 | |||
| 14d173f5af | |||
| c89530aa39 | |||
| 51a0d46dee |
305
src/app/page.tsx
305
src/app/page.tsx
@@ -2,295 +2,124 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroSignup from '@/components/sections/hero/HeroSignup';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import { Calendar, FileText, LayoutDashboard, MessageSquare } from "lucide-react";
|
||||
import { Zap, Shield, Users, Search } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="aurora"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noise"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "How it Works",
|
||||
id: "how-it-works",
|
||||
},
|
||||
{
|
||||
name: "Dashboard",
|
||||
id: "dashboard",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "How it Works", id: "dashboard" },
|
||||
{ name: "Trust", id: "trust" },
|
||||
]}
|
||||
brandName="ProConnect"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Legal Help Made Simple for Everyone"
|
||||
description="Understand your rights in plain language, get AI-powered legal guidance, and connect with verified legal professionals instantly."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-reading-data-tablet_23-2149370610.jpg?_wi=1",
|
||||
imageAlt: "Legal Tech Dashboard",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-male-lawyer-suit_23-2151228083.jpg?_wi=1",
|
||||
imageAlt: "Legal Consultation Art",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teamwork-makes-dream-work-motivation-quote-message-box_53876-121429.jpg?_wi=1",
|
||||
imageAlt: "AI Chat Interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/faces-close-up-smiling-executives_1098-1829.jpg?_wi=1",
|
||||
imageAlt: "Lawyer Profiles",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/access-identification-password-passcode-graphic-concept_53876-125070.jpg?_wi=1",
|
||||
imageAlt: "Secure Video Call",
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-male-lawyer-suit_23-2151228083.jpg?_wi=2",
|
||||
imageAlt: "Legal Tech UI",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-reading-data-tablet_23-2149370610.jpg?_wi=2",
|
||||
imageAlt: "Legal Analytics",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overworked-policewoman-having-eyes-pain-while-reading-detective-report-night-time-exhausted-african-american-private-investigator-rubbing-nose-studying-crime-case-late_482257-59762.jpg?_wi=1",
|
||||
imageAlt: "Document Storage",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/access-identification-password-passcode-graphic-concept_53876-125070.jpg?_wi=2",
|
||||
imageAlt: "Encryption Interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/faces-close-up-smiling-executives_1098-1829.jpg?_wi=2",
|
||||
imageAlt: "Team Collaboration",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Ask AI Legal Assistant",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Find a Lawyer",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/faces-close-up-smiling-executives_1098-1829.jpg",
|
||||
alt: "Lawyer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/faces-close-up-smiling-executives_1098-1829.jpg",
|
||||
alt: "Lawyer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/faces-close-up-smiling-executives_1098-1829.jpg",
|
||||
alt: "Lawyer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/faces-close-up-smiling-executives_1098-1829.jpg",
|
||||
alt: "Lawyer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/faces-close-up-smiling-executives_1098-1829.jpg",
|
||||
alt: "Lawyer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ verified legal experts"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Bar Certified",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "ISO Certified",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Encryption",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Access",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Privacy Focused",
|
||||
},
|
||||
]}
|
||||
<HeroSignup
|
||||
title="Modern Legal Solutions for Startups"
|
||||
description="Streamline your legal operations with AI-powered guidance, expert connectivity, and intuitive case management."
|
||||
tag="NEW PLATFORM"
|
||||
tagIcon={Zap}
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Get Early Access"
|
||||
onSubmit={(email) => console.log(email)}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardEight
|
||||
textboxLayout="default"
|
||||
<FeatureBento
|
||||
title="Built for Speed & Security"
|
||||
description="A premium suite of tools designed to keep you compliant and connected."
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="split"
|
||||
features={[
|
||||
{
|
||||
title: "AI Legal Guidance Assistant",
|
||||
description: "Chat-based assistant explaining laws in simple language with next-step guidance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teamwork-makes-dream-work-motivation-quote-message-box_53876-121429.jpg?_wi=2",
|
||||
title: "AI Legal Chat", description: "Instant legal insights powered by our secure AI engine.", bentoComponent: "chat", aiIcon: Zap,
|
||||
userIcon: Users,
|
||||
exchanges: [{ userMessage: "How do I register?", aiResponse: "Follow the standard 3-step registration process..." }],
|
||||
placeholder: "Ask me anything..."
|
||||
},
|
||||
{
|
||||
title: "Verified Lawyer Network",
|
||||
description: "Browse verified legal profiles with specialization tags, years of experience, ratings, and consultation fees.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/faces-close-up-smiling-executives_1098-1829.jpg?_wi=3",
|
||||
title: "Expert Search", description: "Connect with certified professionals.", bentoComponent: "reveal-icon", icon: Search
|
||||
},
|
||||
{
|
||||
title: "Secure Consultation",
|
||||
description: "Live chat, secure video consultation, document sharing, and encrypted communications.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/access-identification-password-passcode-graphic-concept_53876-125070.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
title: "Case & Document Management",
|
||||
description: "Upload FIRs, agreements, notices with secure cloud storage, timeline tracking, and status monitoring.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overworked-policewoman-having-eyes-pain-while-reading-detective-report-night-time-exhausted-african-american-private-investigator-rubbing-nose-studying-crime-case-late_482257-59762.jpg?_wi=2",
|
||||
},
|
||||
title: "Secure Data", description: "Bank-grade protection for your documents.", bentoComponent: "reveal-icon", icon: Shield
|
||||
}
|
||||
]}
|
||||
title="Core Platform Features"
|
||||
description="Powerful tools designed to simplify your journey through the legal system."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="dashboard" data-section="dashboard">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Comprehensive Legal Dashboard"
|
||||
metrics={[
|
||||
{
|
||||
icon: LayoutDashboard,
|
||||
label: "Lawyer Search",
|
||||
value: "Real-time",
|
||||
},
|
||||
{
|
||||
icon: MessageSquare,
|
||||
label: "AI Chat",
|
||||
value: "24/7",
|
||||
},
|
||||
{
|
||||
icon: Calendar,
|
||||
label: "Appointments",
|
||||
value: "Secure",
|
||||
},
|
||||
{
|
||||
icon: FileText,
|
||||
label: "Documents",
|
||||
value: "Encrypted",
|
||||
},
|
||||
<SplitAbout
|
||||
title="How ProConnect Works"
|
||||
description="A seamless journey from initial consultation to final resolution."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-reading-data-tablet_23-2149370610.jpg"
|
||||
bulletPoints={[
|
||||
{ title: "Smart Discovery", description: "Identify your needs with our AI.", icon: Search },
|
||||
{ title: "Professional Match", description: "Get paired with verified experts.", icon: Users },
|
||||
{ title: "Secure Execution", description: "Manage everything in one portal.", icon: Shield }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
mediaAnimation="none"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="trust" data-section="trust">
|
||||
<SocialProofOne
|
||||
names={["Bar Certified", "ISO-27001", "GDPR Ready", "Secure Pay", "Global Reach"]}
|
||||
title="Security First Infrastructure"
|
||||
description="We meet the highest standards of digital privacy."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Bar Council Verified",
|
||||
"AES-256 Encryption",
|
||||
"Transparent Ratings",
|
||||
"Secure Payments",
|
||||
"User Privacy First",
|
||||
"Verified Lawyers",
|
||||
"Encrypted Messaging",
|
||||
]}
|
||||
title="Trusted by Experts"
|
||||
description="We prioritize security, transparency, and verification at every step of your legal journey."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
<ContactCTA
|
||||
tag="CONNECT"
|
||||
title="Ready to scale your legal operations?"
|
||||
description="Join the premium ecosystem of modern legal tech."
|
||||
buttons={[{ text: "Get Started", href: "#" }]}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
text="Ready to get professional legal assistance? Start your journey today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
<FooterBaseCard
|
||||
logoText="ProConnect"
|
||||
columns={[
|
||||
{ title: "Platform", items: [{ label: "Features", href: "#" }, { label: "Security", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user