Update src/app/page.tsx
This commit is contained in:
216
src/app/page.tsx
216
src/app/page.tsx
@@ -3,7 +3,7 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="CA Office"
|
||||
/>
|
||||
@@ -59,39 +51,23 @@ export default function LandingPage() {
|
||||
description="Streamlining administrative excellence through modern digital solutions for local operations."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780759.jpg",
|
||||
imageAlt: "Reception",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-office_23-2151780759.jpg", imageAlt: "Reception"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/room-interior-design_23-2148899443.jpg",
|
||||
imageAlt: "Workspace",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/room-interior-design_23-2148899443.jpg", imageAlt: "Workspace"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-smartphone_23-2148017127.jpg",
|
||||
imageAlt: "Boardroom",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-smartphone_23-2148017127.jpg", imageAlt: "Boardroom"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-concept-with-copy-space-office-desk-table-with-pen-focus-analysis-chart-computer-notebook-cup-coffee-desk-vintage-tone-retro-filter-selective-focus_1418-670.jpg",
|
||||
imageAlt: "Detail",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-concept-with-copy-space-office-desk-table-with-pen-focus-analysis-chart-computer-notebook-cup-coffee-desk-vintage-tone-retro-filter-selective-focus_1418-670.jpg", imageAlt: "Detail"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-business-people-talking-each-other-while-working_171337-5886.jpg",
|
||||
imageAlt: "Workstation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-business-people-talking-each-other-while-working_171337-5886.jpg", imageAlt: "Workstation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-loungers-health-spa-with-no-people-copy-space_637285-6704.jpg",
|
||||
imageAlt: "Lounge",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-loungers-health-spa-with-no-people-copy-space_637285-6704.jpg", imageAlt: "Lounge"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -117,35 +93,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Document Digitization",
|
||||
descriptions: [
|
||||
"High-accuracy OCR",
|
||||
"Cloud storage",
|
||||
"Encryption",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/global-business-strategy-planning-icon-concept_53876-120444.jpg",
|
||||
},
|
||||
id: "f1", title: "Document Digitization", descriptions: [
|
||||
"High-accuracy OCR", "Cloud storage", "Encryption"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/global-business-strategy-planning-icon-concept_53876-120444.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Data Management",
|
||||
descriptions: [
|
||||
"Structured records",
|
||||
"Compliance checks",
|
||||
"Data auditing",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-filing-storage_1048-12068.jpg",
|
||||
},
|
||||
id: "f2", title: "Data Management", descriptions: [
|
||||
"Structured records", "Compliance checks", "Data auditing"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-filing-storage_1048-12068.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Workflow Automation",
|
||||
descriptions: [
|
||||
"Task routing",
|
||||
"Custom triggers",
|
||||
"Reporting",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-data-center-computer-scientist-using-tablet-deploying-servers-network-hardware-it_482257-135612.jpg",
|
||||
},
|
||||
id: "f3", title: "Workflow Automation", descriptions: [
|
||||
"Task routing", "Custom triggers", "Reporting"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-data-center-computer-scientist-using-tablet-deploying-servers-network-hardware-it_482257-135612.jpg"},
|
||||
]}
|
||||
title="Core Service Capabilities"
|
||||
description="We provide robust administrative services designed to keep operations running smoothly, secure, and compliant."
|
||||
@@ -160,20 +118,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
description: "Uptime on processing",
|
||||
},
|
||||
id: "m1", value: "99.9%", description: "Uptime on processing"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "45%",
|
||||
description: "Faster retrieval",
|
||||
},
|
||||
id: "m2", value: "45%", description: "Faster retrieval"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "200+",
|
||||
description: "Managed accounts",
|
||||
},
|
||||
id: "m3", value: "200+", description: "Managed accounts"},
|
||||
]}
|
||||
title="Performance Highlights"
|
||||
description="Proven results for the local office environment."
|
||||
@@ -188,29 +137,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice Johnson",
|
||||
role: "Office Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1074.jpg",
|
||||
},
|
||||
id: "t1", name: "Alice Johnson", role: "Office Manager", imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1074.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bob Smith",
|
||||
role: "Operations Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-manager-talking-coworker-office-sitting-with-laptop_1258-194648.jpg",
|
||||
},
|
||||
id: "t2", name: "Bob Smith", role: "Operations Lead", imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-manager-talking-coworker-office-sitting-with-laptop_1258-194648.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Charlie Davis",
|
||||
role: "Tech Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businessman-works-laptop_1163-5473.jpg",
|
||||
},
|
||||
id: "t3", name: "Charlie Davis", role: "Tech Specialist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businessman-works-laptop_1163-5473.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Diana Prince",
|
||||
role: "Support Coordinator",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-businesswoman-conference-room_23-2148911825.jpg",
|
||||
},
|
||||
id: "t4", name: "Diana Prince", role: "Support Coordinator", imageSrc: "http://img.b2bpic.net/free-photo/smiley-businesswoman-conference-room_23-2148911825.jpg"},
|
||||
]}
|
||||
title="Meet Our Dedicated Team"
|
||||
description="Local experts committed to your administrative success."
|
||||
@@ -225,45 +158,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "test1",
|
||||
name: "Sarah Miller",
|
||||
role: "Manager",
|
||||
company: "Regional Log",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",
|
||||
},
|
||||
id: "test1", name: "Sarah Miller", role: "Manager", company: "Regional Log", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg"},
|
||||
{
|
||||
id: "test2",
|
||||
name: "Jane Doe",
|
||||
role: "Director",
|
||||
company: "Growth Inc",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-grey-haired-female-ceo-smiling-content-experienced-beautiful-businesswoman-posing-office-room-business-company-appearance-expression-concept_74855-11905.jpg",
|
||||
},
|
||||
id: "test2", name: "Jane Doe", role: "Director", company: "Growth Inc", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-grey-haired-female-ceo-smiling-content-experienced-beautiful-businesswoman-posing-office-room-business-company-appearance-expression-concept_74855-11905.jpg"},
|
||||
{
|
||||
id: "test3",
|
||||
name: "Mark Wilson",
|
||||
role: "Partner",
|
||||
company: "Tech Sol",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-people-using-digital-tablet-airport_107420-95868.jpg",
|
||||
},
|
||||
id: "test3", name: "Mark Wilson", role: "Partner", company: "Tech Sol", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-people-using-digital-tablet-airport_107420-95868.jpg"},
|
||||
{
|
||||
id: "test4",
|
||||
name: "Laura Scott",
|
||||
role: "Consultant",
|
||||
company: "Consult Ltd",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-female-colleague-cafe_1262-1973.jpg",
|
||||
},
|
||||
id: "test4", name: "Laura Scott", role: "Consultant", company: "Consult Ltd", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-female-colleague-cafe_1262-1973.jpg"},
|
||||
{
|
||||
id: "test5",
|
||||
name: "David Brown",
|
||||
role: "Lead",
|
||||
company: "Solutions A",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-outline-business-side-face-male_1194-3839.jpg",
|
||||
},
|
||||
id: "test5", name: "David Brown", role: "Lead", company: "Solutions A", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-outline-business-side-face-male_1194-3839.jpg"},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Trusted by hundreds of local partners."
|
||||
@@ -271,51 +179,39 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
<FaqBase
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do we start?",
|
||||
content: "Simply reach out via our contact form.",
|
||||
},
|
||||
id: "q1", title: "What services do you offer?", content: "We specialize in document digitization, data management, and workflow automation for local offices."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is my data secure?",
|
||||
content: "We utilize industry-standard encryption protocols.",
|
||||
},
|
||||
id: "q2", title: "How is my data protected?", content: "We implement multi-layered encryption, regular audits, and strict compliance controls to ensure your data remains private and secure."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can you scale?",
|
||||
content: "Yes, our services scale with your needs.",
|
||||
},
|
||||
id: "q3", title: "How can I request a quote?", content: "Simply fill out our contact form, and our representative will reach out to discuss your specific needs."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Find quick answers about our administrative office services."
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to our most common administrative service inquiries."
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="split"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Get In Touch"
|
||||
description="Start a conversation about streamlining your operations today."
|
||||
title="Submit an Inquiry"
|
||||
description="Fill out the form below to speak with our experts about your administrative goals."
|
||||
inputs={[
|
||||
{
|
||||
name: "Name",
|
||||
type: "text",
|
||||
placeholder: "Enter your name",
|
||||
name: "FullName", type: "text", placeholder: "Full Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "Email",
|
||||
type: "email",
|
||||
placeholder: "Enter your email",
|
||||
name: "EmailAddress", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "Message",
|
||||
placeholder: "Describe your request",
|
||||
name: "ProjectDetails", placeholder: "Describe your project or inquiry details...", rows: 5,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-architect-with-level_23-2147702503.jpg"
|
||||
mediaPosition="left"
|
||||
@@ -327,13 +223,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="CA Office"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Use",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Use", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user