Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 5a75035b4a | |||
| 790f62b4b4 | |||
| f17b1c89bd |
380
src/app/page.tsx
380
src/app/page.tsx
@@ -3,10 +3,10 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
||||
@@ -33,115 +33,36 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "#team",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Allotech"
|
||||
brandName="PipePros"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Innovating the Future with Allotech"
|
||||
description="We build scalable, robust software solutions that empower businesses to reach their full potential in the digital era."
|
||||
tag="Next-Gen Software Solutions"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-woman-working-digital-monitors_23-2148910247.jpg"
|
||||
background={{ variant: "plain" }}
|
||||
title="Expert Plumbing Solutions for Your Home & Business"
|
||||
description="From emergency repairs to full-scale installations, our certified plumbers deliver reliable service you can count on."
|
||||
tag="Professional Plumbing Services"
|
||||
buttons={[{ text: "Get a Quote", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/plumber-fixing-sink-with-wrench_23-2148784196.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-technology-concept_23-2151908106.jpg",
|
||||
alt: "Innovative tech user 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-using-transparent-tablet-couch-innovative-technology_53876-97924.jpg",
|
||||
alt: "Innovative tech user 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-technology-concept_23-2151908071.jpg",
|
||||
alt: "Innovative tech user 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-with-augmented-reality_1134-137.jpg",
|
||||
alt: "Innovative tech user 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/network-server-infographic-template_98292-6782.jpg",
|
||||
alt: "Innovative tech user 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ global enterprises"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Cloud Infrastructure",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "AI Automation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Data Analytics",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cybersecurity",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Custom CRM",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Impact at Scale"
|
||||
title="Why Choose PipePros"
|
||||
metrics={[
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Projects Completed",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Security Uptime",
|
||||
value: "99.99%",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Industry Awards",
|
||||
value: "25",
|
||||
},
|
||||
{ icon: Zap, label: "Emergency Response", value: "24/7" },
|
||||
{ icon: Shield, label: "Licensed & Insured", value: "100%" },
|
||||
{ icon: Award, label: "Satisfied Customers", value: "10k+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -154,29 +75,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Cloud Architecture",
|
||||
description: "Resilient infrastructure built for speed and security.",
|
||||
tag: "Cloud",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/cloud-computing_24911-45209.jpg",
|
||||
id: "f1", title: "Leak Detection", description: "Pinpoint and repair hidden leaks before they cause major damage.", tag: "Fixes", imageSrc: "http://img.b2bpic.net/free-photo/close-up-of-pipes-under-sink_23-2148784186.jpg"
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Artificial Intelligence",
|
||||
description: "Smart automation that drives predictive insights.",
|
||||
tag: "AI",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-robot-with-artificial-intelligence-interface_23-2151977477.jpg",
|
||||
id: "f2", title: "Drain Cleaning", description: "Advanced hydro-jetting to keep your pipes flowing freely.", tag: "Maintenance", imageSrc: "http://img.b2bpic.net/plumber-cleaning-drain-with-machine_23-2148784204.jpg"
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Data Analytics",
|
||||
description: "Transforming complex raw data into actionable knowledge.",
|
||||
tag: "Data",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg",
|
||||
id: "f3", title: "Water Heater Service", description: "Installation and maintenance for endless hot water.", tag: "Heating", imageSrc: "http://img.b2bpic.net/free-photo/water-heater-in-basement_23-2148784190.jpg"
|
||||
},
|
||||
]}
|
||||
title="Advanced Technology Stack"
|
||||
description="Powerful capabilities to solve complex problems."
|
||||
title="Our Services"
|
||||
description="Comprehensive plumbing solutions tailored to your needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -187,63 +96,11 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Allotech",
|
||||
name: "CloudSuite Pro",
|
||||
price: "$499/mo",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074298.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Allotech",
|
||||
name: "SecurGuard AI",
|
||||
price: "$799/mo",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/standard-quality-control-concept-m_23-2150041839.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Allotech",
|
||||
name: "CRM Flow Pro",
|
||||
price: "$299/mo",
|
||||
rating: 4,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169864.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Allotech",
|
||||
name: "AutoMate Enterprise",
|
||||
price: "$999/mo",
|
||||
rating: 5,
|
||||
reviewCount: "65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-organized-school-supplies-with-copy-space-education-day_23-2149241005.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Allotech",
|
||||
name: "CloudStore HD",
|
||||
price: "$199/mo",
|
||||
rating: 4,
|
||||
reviewCount: "430",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/external-hard-drive-laptop-arrangement_23-2149417034.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Allotech",
|
||||
name: "DevEnv Elite",
|
||||
price: "$399/mo",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-dark-night-desktop_169016-51691.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "ProGrade", name: "Smart Leak Sensor", price: "$89", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/smart-home-sensor_23-2148784210.jpg" },
|
||||
{ id: "p2", brand: "PipePros", name: "Premium Faucet Set", price: "$199", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-faucet_23-2148784195.jpg" },
|
||||
]}
|
||||
title="Our Enterprise Solutions"
|
||||
description="Ready-to-deploy software tools for modern business challenges."
|
||||
title="Quality Components"
|
||||
description="Professional-grade hardware for long-lasting installations."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -254,87 +111,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Starter",
|
||||
price: "$99",
|
||||
period: "/mo",
|
||||
description: "Core tools for startups.",
|
||||
button: {
|
||||
text: "Start Now",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Cloud Hosting",
|
||||
"Basic Analytics",
|
||||
"1 User Seat",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Professional",
|
||||
price: "$299",
|
||||
period: "/mo",
|
||||
description: "Advanced tools for scale.",
|
||||
button: {
|
||||
text: "Choose Pro",
|
||||
},
|
||||
featuresTitle: "Everything in Starter, plus:",
|
||||
features: [
|
||||
"Unlimited Cloud",
|
||||
"Advanced AI",
|
||||
"10 User Seats",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
tag: "Enterprise",
|
||||
price: "$899",
|
||||
period: "/mo",
|
||||
description: "Custom solution at scale.",
|
||||
button: {
|
||||
text: "Contact Sales",
|
||||
},
|
||||
featuresTitle: "Everything in Pro, plus:",
|
||||
features: [
|
||||
"Dedicated Server",
|
||||
"24/7 Support",
|
||||
"Unlimited Seats",
|
||||
],
|
||||
id: "basic", tag: "Essential", price: "$129", period: "/fix", description: "Standard repair visits.", button: { text: "Book Now" }, featuresTitle: "Includes:", features: ["Inspection", "Basic Repair", "Clean up"],
|
||||
},
|
||||
]}
|
||||
title="Flexible Pricing Options"
|
||||
description="Plans designed to grow with your business needs."
|
||||
title="Transparent Pricing"
|
||||
description="Fair, flat-rate pricing for all our plumbing services."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Allotech transformed our entire digital infrastructure. Their dedication to excellence and innovative approach is truly unmatched in the industry."
|
||||
testimonial="PipePros saved us from a basement flood on a Sunday night. Professional, prompt, and reasonably priced."
|
||||
rating={5}
|
||||
author="Marcus Vane, Tech Innovator"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-mature-businessman-using-digital-tablet-restaurant_23-2147955278.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-with-disabilities-invalid-disabled-paralized-handicapped-immobilized-looking-camera-upset-tired-sitting-wheelchair-business-office-room-working-financial-project-with-team_482257-28442.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/grey-haired-businesswoman-looking-statistic-data-thinking-serious-experienced-thoughtful-female-manager-holding-marker-standing-office-room-strategy-business-management-concept_74855-7309.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
author="Sarah Jenkins, Homeowner"
|
||||
avatars={[]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
@@ -347,92 +138,45 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice Chen",
|
||||
role: "Lead Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136872.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David Miller",
|
||||
role: "Project Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah Jones",
|
||||
role: "Head Developer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-business-leader-standing-with-team_1262-1996.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena Rossi",
|
||||
role: "UI Design Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-apron_23-2149007471.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Mike Ross", role: "Master Plumber", imageSrc: "http://img.b2bpic.net/free-photo/happy-plumber-holding-wrench_23-2148784198.jpg" },
|
||||
]}
|
||||
title="Meet Our Visionaries"
|
||||
description="Driven by excellence and innovation at every step."
|
||||
title="Meet Our Experts"
|
||||
description="Our team is certified, bonded, and ready to solve your plumbing challenges."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How quickly can we start?",
|
||||
content: "Our onboarding process is designed to have you ready within 48 hours.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is support provided 24/7?",
|
||||
content: "Yes, our enterprise plans come with dedicated round-the-clock support.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I customize the platform?",
|
||||
content: "Our platform is fully modular and supports extensive custom integrations.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our services."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
<FaqSplitText
|
||||
faqs={[
|
||||
{ id: "q1", title: "Do you offer emergency services?", content: "Yes, we are available 24/7 for urgent plumbing issues." },
|
||||
{ id: "q2", title: "Are your plumbers licensed?", content: "All our staff are fully licensed, insured, and background checked." }
|
||||
]}
|
||||
sideTitle="Need Answers?"
|
||||
sideDescription="Check our frequently asked questions for immediate assistance."
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Let's Connect"
|
||||
title="Ready to get started?"
|
||||
description="Contact our team to discuss your project and learn how we can help you innovate."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<ContactSplit
|
||||
tag="Let's Fix It"
|
||||
title="Contact PipePros Today"
|
||||
description="Don't let a small leak become a big problem. Reach out to our experts."
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Allotech"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
<FooterBaseCard
|
||||
logoText="PipePros"
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "Emergency", href: "#" }, { label: "Repairs", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Contact", href: "#" }] }
|
||||
]
|
||||
}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user