Merge version_2 into main #1
294
src/app/page.tsx
294
src/app/page.tsx
@@ -33,71 +33,37 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Services", id: "#features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="TechFlow"
|
||||
brandName="ComfortCool HVAC"
|
||||
button={{
|
||||
text: "Call Now: 555-0123",
|
||||
href: "tel:5550123",
|
||||
}}
|
||||
text: "24/7 Emergency: 555-HVAC", href: "tel:5554822"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Empowering Your Business Through Technology"
|
||||
description="Scalable software solutions to optimize your workflow and drive digital innovation."
|
||||
tag="Next-Gen Solutions"
|
||||
variant: "gradient-bars"}}
|
||||
title="Keeping Your Home Perfectly Comfortable"
|
||||
description="Professional HVAC installation, maintenance, and repair services to keep your family comfortable all year round."
|
||||
tag="Trusted HVAC Experts"
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Free Quote", href: "#contact"},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Our Services", href: "#features"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150165975.jpg",
|
||||
imageAlt: "Dashboard preview 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg",
|
||||
imageAlt: "Dashboard preview 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineers-using-mockup-tablet-data-center-managing-server-virtualization_482257-117978.jpg",
|
||||
imageAlt: "Dashboard preview 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-technology-background-with-flowing-lines-floating-particles-design_1048-13620.jpg",
|
||||
imageAlt: "Dashboard preview 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-particle-background-with-shallow-depth-field_1048-12413.jpg",
|
||||
imageAlt: "Dashboard preview 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-executive-manager-having-fun-break_482257-77659.jpg",
|
||||
imageAlt: "Dashboard preview 6",
|
||||
},
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/hvac-technician-working-air-conditioning-unit_23-2148562719.jpg", imageAlt: "HVAC Technician" },
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/close-up-worker-installing-air-conditioning_23-2149123456.jpg", imageAlt: "Installation" },
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/hvac-system-residential-house_23-2148456789.jpg", imageAlt: "Residential System" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -105,13 +71,11 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
tag="About Us"
|
||||
title="We deliver excellence in software engineering to transform your operations."
|
||||
tag="Who We Are"
|
||||
title="Dedicated to providing reliable, energy-efficient comfort solutions for our community."
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Learn More", href: "#features"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -122,26 +86,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Scalable Infrastructure",
|
||||
description: "Robust cloud platforms that grow with your user base and traffic demand seamlessly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/pack-futuristic-infographic-element_23-2148219578.jpg",
|
||||
imageAlt: "Cloud infrastructure",
|
||||
},
|
||||
title: "AC Repair & Installation", description: "Keep your cool all summer with our professional cooling services and high-efficiency systems.", imageSrc: "http://img.b2bpic.net/free-vector/air-conditioning-service_23-2148219578.jpg", imageAlt: "AC Services"},
|
||||
{
|
||||
title: "Secure Systems",
|
||||
description: "Enterprise-grade protection to keep your data safe, compliant, and always accessible.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/cyber-security-shield-light-blue_78370-7843.jpg",
|
||||
imageAlt: "Cybersecurity shield",
|
||||
},
|
||||
title: "Heating Solutions", description: "Stay warm through winter with our furnace maintenance and energy-efficient heater installations.", imageSrc: "http://img.b2bpic.net/free-vector/heating-maintenance_78370-7843.jpg", imageAlt: "Heating Services"},
|
||||
{
|
||||
title: "Smart Automation",
|
||||
description: "Reduce manual tasks with intelligent workflows designed by our expert automation team.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-center-with-server-racks-corridor-room-3d-render-digital-data-cloud-technology_482257-27722.jpg",
|
||||
imageAlt: "Automation cloud network",
|
||||
},
|
||||
title: "Preventative Maintenance", description: "Avoid costly breakdowns with our comprehensive seasonal system checks and tune-ups.", imageSrc: "http://img.b2bpic.net/free-photo/hvac-technician-maintenance_482257-27722.jpg", imageAlt: "Maintenance"},
|
||||
]}
|
||||
title="Core Services"
|
||||
description="Comprehensive technology solutions designed for your growth."
|
||||
title="Our Services"
|
||||
description="Comprehensive climate control solutions for your residential and commercial needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -152,45 +104,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Analytics Pro",
|
||||
price: "$99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-uses-ai-chatbot-system-computer-guide-her-through-tasks_482257-118915.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Security Suite",
|
||||
price: "$149",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "App Manager",
|
||||
price: "$79",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-intelligence-secure-operations-center-with-usa-flag-big-screen_482257-105777.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Cloud Portal",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-admin-office-sing-tablet-design-machine-learning-algorithms_482257-112941.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Dev Tools",
|
||||
price: "$49",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/software-engineer-pc-coding-creating-software-using-isolated-screen-tablet_482257-114490.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "API Bridge",
|
||||
price: "$29",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-screen-with-technical-information_53876-101869.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Smart Thermostats", price: "From $199", imageSrc: "http://img.b2bpic.net/free-photo/smart-home-thermostat_482257-118915.jpg" },
|
||||
{ id: "p2", name: "High-Efficiency AC Units", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/ac-unit-outdoor_482257-126876.jpg" },
|
||||
{ id: "p3", name: "Furnace Systems", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/modern-furnace_482257-105777.jpg" },
|
||||
]}
|
||||
title="Our Solutions"
|
||||
description="Premium software modules to supercharge your performance."
|
||||
title="Featured Products"
|
||||
description="Upgrade to high-performance equipment today."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -201,59 +120,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Starter",
|
||||
price: "$49",
|
||||
subtitle: "For small teams and startups.",
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Cloud hosting",
|
||||
"Basic security",
|
||||
"Email support",
|
||||
],
|
||||
id: "basic", badge: "Tune-Up", price: "$99", subtitle: "Seasonal maintenance check.", buttons: [{ text: "Book Now", href: "#contact" }],
|
||||
features: ["System clean", "Safety check", "Filter replacement"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Professional",
|
||||
price: "$129",
|
||||
subtitle: "Everything you need to scale fast.",
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Advanced analytics",
|
||||
"24/7 security",
|
||||
"Dedicated support",
|
||||
],
|
||||
id: "pro", badge: "Service Plan", price: "$299/yr", subtitle: "Peace of mind membership.", buttons: [{ text: "Get Started", href: "#contact" }],
|
||||
features: ["Priority scheduling", "15% off repairs", "2x annual visits"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Enterprise",
|
||||
price: "Custom",
|
||||
subtitle: "Custom solutions for large scale operations.",
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Custom API access",
|
||||
"Multi-region support",
|
||||
"White glove service",
|
||||
],
|
||||
id: "enterprise", badge: "Commercial", price: "Custom", subtitle: "Built for business needs.", buttons: [{ text: "Contact Us", href: "#contact" }],
|
||||
features: ["Custom maintenance", "24/7 priority", "Fleet support"],
|
||||
},
|
||||
]}
|
||||
title="Simple Pricing"
|
||||
description="Choose the right plan for your business size."
|
||||
title="Service Plans"
|
||||
description="Choose the right protection plan for your home or business."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -263,27 +143,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Zap,
|
||||
title: "Tasks Automated",
|
||||
value: "5M+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Shield,
|
||||
title: "Security Patches",
|
||||
value: "12k",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Award,
|
||||
title: "Projects Completed",
|
||||
value: "850",
|
||||
},
|
||||
{ id: "m1", icon: Zap, title: "Systems Installed", value: "5,000+" },
|
||||
{ id: "m2", icon: Shield, title: "Happy Customers", value: "12k+" },
|
||||
{ id: "m3", icon: Award, title: "Years Experience", value: "25" },
|
||||
]}
|
||||
title="Driven by Results"
|
||||
description="Consistently delivering performance milestones for our clients."
|
||||
title="Proven Excellence"
|
||||
description="Trusted by thousands of neighbors for professional climate control."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -294,57 +159,24 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah",
|
||||
handle: "@techlead",
|
||||
testimonial: "Exceptional service and quick implementation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-customer-support-agent-with-headset-working-laptop-call-center_637285-129.jpg",
|
||||
},
|
||||
id: "t1", name: "John D.", handle: "@homeowner", testimonial: "Excellent response time during our summer AC outage. Very professional.", imageSrc: "https://img.b2bpic.net/free-photo/happy-homeowner.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark",
|
||||
handle: "@startupceo",
|
||||
testimonial: "Transformed our workflow completely.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-caucasian-man-standing-front-desk-office-holding-cup-looking-away_1098-20462.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Li",
|
||||
handle: "@devmanager",
|
||||
testimonial: "Reliable, robust, and always available.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-confident-young-woman-working-retail-business-industry-promote-company-advertise-join-her-team-smiling-self-assured-pleased-camera-stand-hall_197531-22167.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David",
|
||||
handle: "@cto",
|
||||
testimonial: "Best in class infrastructure support.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/administrator-assistant-gather-data-from-monthly-reports-reviewing-performance-metrics_482257-133739.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena",
|
||||
handle: "@productlead",
|
||||
testimonial: "Highly recommended for scaling.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/designer-work-office_158595-1199.jpg",
|
||||
},
|
||||
id: "t2", name: "Susan M.", handle: "@localclient", testimonial: "Annual maintenance service is thorough and reasonably priced.", imageSrc: "https://img.b2bpic.net/free-photo/satisfied-customer.jpg"},
|
||||
]}
|
||||
title="Client Success"
|
||||
description="What our partners have to say about our work."
|
||||
title="Customer Reviews"
|
||||
description="Hear what our happy customers have to say."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
tag="Let's Connect"
|
||||
title="Ready to Start Your Project?"
|
||||
description="Fill out the form below to get a custom quote for your business needs."
|
||||
inputPlaceholder="Enter your professional email"
|
||||
buttonText="Get Free Quote"
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
tag="Get In Touch"
|
||||
title="Schedule Service Today"
|
||||
description="Have an HVAC issue or need a system inspection? Contact us now."
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Submit Request"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -352,33 +184,13 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Service Area", href: "#" }],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Docs",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
title: "Support", items: [{ label: "FAQs", href: "#" }, { label: "Contact Support", href: "#contact" }],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 TechFlow Inc."
|
||||
bottomLeftText="© 2024 ComfortCool HVAC"
|
||||
bottomRightText="Privacy Policy"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -13,11 +13,11 @@
|
||||
--background: #f5f5f5;
|
||||
--card: #ffffff;
|
||||
--foreground: #1c1c1c;
|
||||
--primary-cta: #1f3251;
|
||||
--primary-cta: #15479c;
|
||||
--primary-cta-text: #f5f5f5;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #1c1c1c;
|
||||
--accent: #15479c;
|
||||
--accent: #e34400;
|
||||
--background-accent: #a8cce8;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
|
||||
Reference in New Issue
Block a user