Update src/app/page.tsx
This commit is contained in:
376
src/app/page.tsx
376
src/app/page.tsx
@@ -33,103 +33,31 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
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: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Server Consultancy Ltd"
|
||||
brandName="Harrow Dental Surgery"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Optimizing Your Digital Infrastructure"
|
||||
description="Server Consultancy Ltd provides enterprise-grade server management, scaling solutions, and security optimization for your business."
|
||||
background={{ variant: "plain" }}
|
||||
title="Compassionate Dental Care in Harrow"
|
||||
description="We offer premium dental services including preventative care, cosmetic dentistry, and emergency treatments to keep your smile healthy and radiant."
|
||||
kpis={[
|
||||
{
|
||||
value: "99.99%",
|
||||
label: "Uptime Guarantee",
|
||||
},
|
||||
{
|
||||
value: "150+",
|
||||
label: "Servers Managed",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Expert Support",
|
||||
},
|
||||
{ value: "20+", label: "Years of Experience" },
|
||||
{ value: "5k+", label: "Happy Patients" },
|
||||
{ value: "24/7", label: "Emergency Advice" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/server-farm-employee-using-artificial-intelligence-tech-devices_482257-125606.jpg"
|
||||
imageAlt="Data center infrastructure"
|
||||
buttons={[{ text: "Book Appointment", href: "#contact" }]}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/dentist-working-with-patient-clinic_23-2148753234.jpg"
|
||||
imageAlt="Modern dental surgery setting"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/it-professional-supervising-data-center-workplace-checking-hardware_482257-122186.jpg",
|
||||
alt: "IT professional supervising data center",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-business-people-standing-server-room-with-laptop-discussing_662251-1526.jpg",
|
||||
alt: "Two business people in server room",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/selective-focus-shelves-full-with-criminology-reports-background-detective-analyzing-crime-scene-evidence-african-american-inspector-working-missing-person-case-arhive-room_482257-62935.jpg",
|
||||
alt: "Detective analyzing crime scene",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/developer-identifying-server-issues_482257-81365.jpg",
|
||||
alt: "Developer identifying server issues",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dimly-lit-facility-running-deep-learning-platforms-neural-networks-training_482257-124557.jpg",
|
||||
alt: "Deep learning platforms",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ tech leaders"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Cloud Optimization",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Security Hardening",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Infrastructure Audit",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Scalable Networks",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Monitoring",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -137,23 +65,14 @@ export default function LandingPage() {
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Decades of IT Excellence"
|
||||
description="We specialize in high-performance server environments tailored to your specific organizational needs, ensuring maximum efficiency and minimal downtime."
|
||||
title="Exceptional Dental Excellence"
|
||||
description="At Harrow Dental Surgery, we pride ourselves on providing high-quality, patient-centered care in a comfortable, modern environment."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Precision Architecture",
|
||||
description: "Custom server setups designed for your specific workload.",
|
||||
},
|
||||
{
|
||||
title: "Security-First Approach",
|
||||
description: "Rigorous hardening and compliance standards applied to all assets.",
|
||||
},
|
||||
{
|
||||
title: "Scalable Infrastructure",
|
||||
description: "Growth-oriented solutions that adapt as you expand.",
|
||||
},
|
||||
{ title: "Expert Staff", description: "Highly qualified dentists dedicated to your oral health." },
|
||||
{ title: "Advanced Tech", description: "Utilizing the latest digital dentistry equipment." },
|
||||
{ title: "Comfort First", description: "A relaxing atmosphere for anxious patients." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/technician-using-laptop-data-center-managing-servers_482257-124813.jpg"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/dentist-checking-patient-teeth-clinic_23-2148753235.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -165,76 +84,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Cloud Migration",
|
||||
description: "Seamless transition to hybrid or pure cloud environments.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-optical-fiber-details_23-2149212618.jpg",
|
||||
},
|
||||
{
|
||||
title: "Advanced Security",
|
||||
description: "Defensive protocols against evolving cyber threats.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/security-shield-glows-blue-symbolizes-safety-encryption-generative-ai_188544-9418.jpg",
|
||||
},
|
||||
{
|
||||
title: "Performance Tuning",
|
||||
description: "Resource optimization to maximize hardware efficiency.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-home-taking-notes-while-watching-presentation-closeup_482257-118737.jpg",
|
||||
},
|
||||
{ title: "General Check-ups", description: "Routine examinations and cleaning.", imageSrc: "https://img.b2bpic.net/free-photo/dentist-examining-teeth-clinic_23-2148753236.jpg" },
|
||||
{ title: "Cosmetic Dentistry", description: "Whitening, veneers, and smile makeovers.", imageSrc: "https://img.b2bpic.net/free-photo/dentist-fixing-teeth-clinic_23-2148753237.jpg" },
|
||||
{ title: "Orthodontics", description: "Clear aligners and braces for all ages.", imageSrc: "https://img.b2bpic.net/free-photo/orthodontist-checking-teeth-patient_23-2148753238.jpg" },
|
||||
]}
|
||||
title="Comprehensive Server Solutions"
|
||||
description="Our expertise spans across modern cloud infrastructure and legacy hardware maintenance."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "40%",
|
||||
title: "Performance Gain",
|
||||
description: "Average increase in response times.",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "75%",
|
||||
title: "Cost Reduction",
|
||||
description: "Lowered operational server overhead.",
|
||||
icon: TrendingDown,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100+",
|
||||
title: "Projects Completed",
|
||||
description: "Successful enterprise migrations.",
|
||||
icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Impact-Driven Results"
|
||||
description="Tangible improvements for our clients across industries."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"AlphaTech",
|
||||
"BetaLogics",
|
||||
"GammaCloud",
|
||||
"DeltaSystems",
|
||||
"EpsilonNet",
|
||||
"ZetaCorp",
|
||||
"ThetaServices",
|
||||
]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="We support businesses of all scales in their mission-critical operations."
|
||||
title="Comprehensive Dental Services"
|
||||
description="From routine maintenance to complex restoration, we provide a full spectrum of dental treatments."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -244,42 +99,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Core",
|
||||
price: "$1,500/mo",
|
||||
subtitle: "Foundation management",
|
||||
features: [
|
||||
"Hardware monitoring",
|
||||
"OS updates",
|
||||
"Basic security",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Enhanced",
|
||||
price: "$3,500/mo",
|
||||
subtitle: "Operational excellence",
|
||||
features: [
|
||||
"Full infrastructure audit",
|
||||
"24/7 incident response",
|
||||
"Scaling support",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Custom",
|
||||
price: "Custom",
|
||||
subtitle: "Total control",
|
||||
features: [
|
||||
"On-site visits",
|
||||
"Architectural planning",
|
||||
"Compliance management",
|
||||
],
|
||||
},
|
||||
{ id: "checkup", badge: "Essentials", price: "£65", subtitle: "Routine Check-up", features: ["Dental exam", "Full mouth assessment", "Oral hygiene advice"] },
|
||||
{ id: "cleaning", badge: "Hygiene", price: "£95", subtitle: "Hygienist Visit", features: ["Professional clean", "Stain removal", "Gum health screening"] },
|
||||
{ id: "whitening", badge: "Cosmetic", price: "£350", subtitle: "Teeth Whitening", features: ["Custom trays", "Professional formula", "Follow-up consult"] },
|
||||
]}
|
||||
title="Transparent Engagement Tiers"
|
||||
description="Tailored packages designed to meet the exact infrastructure requirements of your business."
|
||||
title="Transparent Dental Costs"
|
||||
description="We believe in clear pricing for your peace of mind."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -289,63 +114,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Marcus Thorne",
|
||||
role: "CTO",
|
||||
company: "AlphaTech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Elena Vance",
|
||||
role: "CIO",
|
||||
company: "BetaLogics",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-park_1303-28940.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Jonathan Reed",
|
||||
role: "IT Director",
|
||||
company: "GammaCloud",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-successful-confident-young-woman-start-career-look-determined-get-job-waiting-interview-lean-glass-wall-business-center-smiling-looking-away-satisfied_197531-30572.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sarah Jenkins",
|
||||
role: "Operations Manager",
|
||||
company: "DeltaSystems",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-graphics-presentation-illustration_23-2151876371.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David Wu",
|
||||
role: "Lead Architect",
|
||||
company: "EpsilonNet",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-senior-businessman-with-arms-crossed_1262-1751.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Miller", role: "Local Resident", company: "Harrow", rating: 5 },
|
||||
{ id: "t2", name: "James Bennett", role: "Teacher", company: "Harrow", rating: 5 },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Average Rating",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Client Retention",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Servers Maintained",
|
||||
},
|
||||
{ value: "5.0", label: "Average Rating" },
|
||||
{ value: "98%", label: "Satisfaction" },
|
||||
{ value: "20k", label: "Procedures" },
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Why industry leaders trust us with their infrastructure."
|
||||
title="Patient Success Stories"
|
||||
description="Hear from our satisfied patients about their experiences at our surgery."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -353,24 +131,12 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What server environments do you support?",
|
||||
content: "We support a wide array of Linux and Windows-based environments including AWS, Azure, and bare-metal.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How quickly can you respond to incidents?",
|
||||
content: "Our support team provides 24/7 monitoring with immediate incident response for critical issues.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer compliance audits?",
|
||||
content: "Yes, we specialize in PCI-DSS, SOC2, and GDPR compliant server configurations.",
|
||||
},
|
||||
{ id: "q1", title: "How do I book an emergency appointment?", content: "Call us immediately and we will prioritize your treatment." },
|
||||
{ id: "q2", title: "Do you offer payment plans?", content: "Yes, we offer flexible finance options for treatments." },
|
||||
{ id: "q3", title: "Are you taking new NHS patients?", content: "Please contact us to check current availability for new patients." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Clear insights into how we operate and support your business needs."
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Answers to the common questions we receive about our dental care."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -378,63 +144,25 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Ready to get started?"
|
||||
title="Secure Your Infrastructure Today"
|
||||
description="Schedule a discovery call to assess your current server health and performance."
|
||||
background={{ variant: "plain" }}
|
||||
tag="Ready to visit us?"
|
||||
title="Schedule Your Visit"
|
||||
description="We are conveniently located in Harrow. Book your appointment with our team today."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Surgery", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }] },
|
||||
{ title: "Info", items: [{ label: "Pricing", href: "#pricing" }, { label: "FAQ", href: "#faq" }] },
|
||||
{ title: "Contact", items: [{ label: "Find us", href: "#contact" }, { label: "Emergency", href: "#contact" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Server Consultancy Ltd"
|
||||
bottomLeftText="© 2024 Harrow Dental Surgery"
|
||||
bottomRightText="All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user