Merge version_4 into main #3
@@ -2,12 +2,49 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
|
||||
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function AboutPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
];
|
||||
|
||||
const navButton = {
|
||||
text: "Call Now", href: "tel:+919946368923"};
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "AC Repair & Maintenance", href: "/services" },
|
||||
{ label: "Refrigerator Repair", href: "/services" },
|
||||
{ label: "Gas Refilling", href: "/services" },
|
||||
{ label: "Compressor Repair", href: "/services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Why Choose Us", href: "/" },
|
||||
{ label: "Contact", href: "contact" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact Info", items: [
|
||||
{ label: "📞 +91 99463 68923", href: "tel:+919946368923" },
|
||||
{ label: "Balapuram, Naduvil P.O, Kannur", href: "#" },
|
||||
{ label: "Kerala – 670582", href: "#" },
|
||||
{ label: "WhatsApp Message", href: "https://wa.me/919946368923" },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
@@ -23,72 +60,57 @@ export default function AboutPage() {
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "/contact",
|
||||
}}
|
||||
navItems={navItems}
|
||||
button={navButton}
|
||||
brandName="Cool World"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
logoText="About Cool World Refrigeration"
|
||||
description="Your trusted partner for professional AC and refrigerator repair services in Kannur. Over a decade of expertise delivering reliable, affordable cooling solutions."
|
||||
buttons={[
|
||||
{ text: "Call Now", href: "tel:+919946368923" },
|
||||
{ text: "Learn More", href: "/services" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "plain" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photovoltaics-smart-factory-team-leader-workers-analyzing-data_482257-131901.jpg?_wi=1"
|
||||
imageAlt="professional team working on cooling appliances"
|
||||
mediaAnimation="opacity"
|
||||
frameStyle="card"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<FeatureCardTwentyFour
|
||||
title="Why Choose Cool World Refrigeration"
|
||||
description="Delivering excellence in AC and refrigerator repair services"
|
||||
tag="About Us"
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Trusted Local Technician",
|
||||
author: "10+ Years Experience",
|
||||
description:
|
||||
"Reliable and experienced repair professionals serving Kannur and nearby areas with proven expertise in all appliance types.",
|
||||
tags: ["Trusted", "Local"],
|
||||
id: "1", title: "Trusted Local Expertise", author: "10+ Years Experience", description:
|
||||
"Reliable and experienced repair professionals serving Kannur and nearby areas with proven expertise in all appliance types. Your neighbors trust us.", tags: ["Trusted", "Local", "Experienced"],
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/photovoltaics-smart-factory-team-leader-workers-analyzing-data_482257-131901.jpg?_wi=2",
|
||||
imageAlt: "professional technician trusted reliable service",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/photovoltaics-smart-factory-team-leader-workers-analyzing-data_482257-131901.jpg?_wi=1", imageAlt: "professional technician trusted reliable service"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Quick Home Service",
|
||||
author: "Same Day Service",
|
||||
description:
|
||||
"We offer same-day service at your convenience. Fast response times and professional on-site repairs without hassle.",
|
||||
tags: ["Quick", "Convenient"],
|
||||
id: "2", title: "Same-Day Service", author: "Quick Response", description:
|
||||
"We offer same-day service at your convenience. Fast response times and professional on-site repairs without hassle or unnecessary delays.", tags: ["Quick", "Convenient", "Reliable"],
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/man-looking-information-control-panel-dishwasher_259150-58285.jpg?_wi=2",
|
||||
imageAlt: "fast quick service technician same day",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/man-looking-information-control-panel-dishwasher_259150-58285.jpg?_wi=1", imageAlt: "fast quick service technician same day service"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Affordable Pricing",
|
||||
author: "Honest Rates",
|
||||
description:
|
||||
"Transparent and honest pricing with no hidden charges. Quality service at competitive rates for homeowners and businesses.",
|
||||
tags: ["Affordable", "Transparent"],
|
||||
id: "3", title: "Transparent Pricing", author: "Honest Rates", description:
|
||||
"Transparent and honest pricing with no hidden charges. Quality service at competitive rates for homeowners and businesses across Kannur.", tags: ["Affordable", "Transparent", "Fair"],
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/word-save-circled-red-list-spending-surrounded-by-pencils-graphs-books-calculator_1101-3199.jpg?_wi=2",
|
||||
imageAlt: "affordable budget friendly service cost",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/word-save-circled-red-list-spending-surrounded-by-pencils-graphs-books-calculator_1101-3199.jpg?_wi=1", imageAlt: "affordable budget friendly service cost savings"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Service in Kannur Area",
|
||||
author: "Wide Coverage",
|
||||
description:
|
||||
"Serving all of Kannur and nearby areas including Balapuram, Naduvil, and surrounding regions with reliable service.",
|
||||
tags: ["Coverage", "Local"],
|
||||
id: "4", title: "Comprehensive Coverage", author: "Wide Service Area", description:
|
||||
"Serving all of Kannur and nearby areas including Balapuram, Naduvil, and surrounding regions with reliable professional cooling appliance repair.", tags: ["Coverage", "Local", "Professional"],
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/low-angle-smiley-delivery-guy_23-2148546091.jpg?_wi=2",
|
||||
imageAlt: "service coverage wide area delivery",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/low-angle-smiley-delivery-guy_23-2148546091.jpg?_wi=1", imageAlt: "service coverage wide area delivery professional"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
title="Why Choose Us"
|
||||
description="We deliver trusted, fast, and affordable appliance repair services in Kannur with experienced technicians"
|
||||
tag="Why Us"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
@@ -96,21 +118,13 @@ export default function AboutPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Ready to learn more about our services or need immediate assistance? Contact Cool World Refrigeration today for expert advice and reliable support."
|
||||
text="Join thousands of satisfied customers in Kannur who trust Cool World Refrigeration for their AC and refrigerator repair needs. Contact us today!"
|
||||
animationType="entrance-slide"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+919946368923",
|
||||
},
|
||||
{
|
||||
text: "Book Service",
|
||||
href: "/contact",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:+919946368923" },
|
||||
{ text: "Schedule Service", href: "tel:+919946368923" },
|
||||
]}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -119,71 +133,7 @@ export default function AboutPage() {
|
||||
<FooterBase
|
||||
logoText="Cool World"
|
||||
copyrightText="© 2025 Cool World Refrigeration. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "AC Repair & Maintenance",
|
||||
href: "/#services",
|
||||
},
|
||||
{
|
||||
label: "Refrigerator Repair",
|
||||
href: "/#services",
|
||||
},
|
||||
{
|
||||
label: "Gas Refilling",
|
||||
href: "/#services",
|
||||
},
|
||||
{
|
||||
label: "Compressor Repair",
|
||||
href: "/#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Why Choose Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact Info",
|
||||
items: [
|
||||
{
|
||||
label: "📞 +91 99463 68923",
|
||||
href: "tel:+919946368923",
|
||||
},
|
||||
{
|
||||
label: "Balapuram, Naduvil P.O, Kannur",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Kerala – 670582",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp Message",
|
||||
href: "https://wa.me/919946368923",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
columns={footerColumns}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
@@ -1,13 +1,86 @@
|
||||
"use client";
|
||||
|
||||
import { useState } from "react";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import Link from "next/link";
|
||||
import Input from "@/components/form/Input";
|
||||
|
||||
export default function ContactPage() {
|
||||
const [formData, setFormData] = useState({
|
||||
name: "", email: "", phone: "", service: "", message: ""});
|
||||
|
||||
const [submitStatus, setSubmitStatus] = useState<"idle" | "loading" | "success" | "error">("idle");
|
||||
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Why Choose Us", id: "/why-us" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
const navButton = {
|
||||
text: "Call Now", href: "/contact"};
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "AC Repair & Maintenance", href: "/services" },
|
||||
{ label: "Refrigerator Repair", href: "/services" },
|
||||
{ label: "Gas Refilling", href: "/services" },
|
||||
{ label: "Compressor Repair", href: "/services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Why Choose Us", href: "/why-us" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact Info", items: [
|
||||
{ label: "📞 +91 99463 68923", href: "tel:+919946368923" },
|
||||
{ label: "Balapuram, Naduvil P.O, Kannur", href: "#" },
|
||||
{ label: "Kerala – 670582", href: "#" },
|
||||
{ label: "WhatsApp Message", href: "https://wa.me/919946368923" },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
const handleInputChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => {
|
||||
const { name, value } = e.target;
|
||||
setFormData((prev) => ({
|
||||
...prev,
|
||||
[name]: value,
|
||||
}));
|
||||
};
|
||||
|
||||
const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
|
||||
e.preventDefault();
|
||||
setSubmitStatus("loading");
|
||||
|
||||
try {
|
||||
// Simulate form submission
|
||||
await new Promise((resolve) => setTimeout(resolve, 1000));
|
||||
setSubmitStatus("success");
|
||||
setFormData({
|
||||
name: "", email: "", phone: "", service: "", message: ""});
|
||||
setTimeout(() => setSubmitStatus("idle"), 3000);
|
||||
} catch (error) {
|
||||
setSubmitStatus("error");
|
||||
setTimeout(() => setSubmitStatus("idle"), 3000);
|
||||
}
|
||||
};
|
||||
|
||||
const handleWhatsApp = () => {
|
||||
const message = `Hello, I'm interested in your repair services.`;
|
||||
const encodedMessage = encodeURIComponent(message);
|
||||
window.open(`https://wa.me/919946368923?text=${encodedMessage}`, "_blank");
|
||||
};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
@@ -23,158 +96,183 @@ export default function ContactPage() {
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "/contact",
|
||||
}}
|
||||
navItems={navItems}
|
||||
button={navButton}
|
||||
brandName="Cool World"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-main" data-section="contact-main">
|
||||
<ContactText
|
||||
text="Ready to fix your AC or refrigerator? Contact Cool World Refrigeration for fast, reliable service in Kannur. Call us now or book your service appointment."
|
||||
animationType="entrance-slide"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+919946368923",
|
||||
},
|
||||
{
|
||||
text: "Book Service",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<div id="contact-header" data-section="contact-header" className="py-12 md:py-20 px-4 md:px-6">
|
||||
<div className="max-w-4xl mx-auto">
|
||||
<h1 className="text-4xl md:text-5xl font-bold mb-4">Contact Us</h1>
|
||||
<p className="text-lg text-gray-600 dark:text-gray-400 mb-8">
|
||||
Get in touch with Cool World Refrigeration for AC and refrigerator repair services in Kannur. We're here to help with fast, reliable, and affordable solutions.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="contact-info" data-section="contact-info">
|
||||
<FeatureCardTwentyFour
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Quick Home Service",
|
||||
author: "Same Day Service",
|
||||
description:
|
||||
"We offer same-day service at your convenience. Fast response times and professional on-site repairs without hassle.",
|
||||
tags: ["Quick", "Convenient"],
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/man-looking-information-control-panel-dishwasher_259150-58285.jpg?_wi=3",
|
||||
imageAlt: "fast quick service technician same day",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Affordable Pricing",
|
||||
author: "Honest Rates",
|
||||
description:
|
||||
"Transparent and honest pricing with no hidden charges. Quality service at competitive rates for homeowners and businesses.",
|
||||
tags: ["Affordable", "Transparent"],
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/word-save-circled-red-list-spending-surrounded-by-pencils-graphs-books-calculator_1101-3199.jpg?_wi=3",
|
||||
imageAlt: "affordable budget friendly service cost",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Service in Kannur Area",
|
||||
author: "Wide Coverage",
|
||||
description:
|
||||
"Serving all of Kannur and nearby areas including Balapuram, Naduvil, and surrounding regions with reliable service.",
|
||||
tags: ["Coverage", "Local"],
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/low-angle-smiley-delivery-guy_23-2148546091.jpg?_wi=3",
|
||||
imageAlt: "service coverage wide area delivery",
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
title="Why We're Your Best Choice"
|
||||
description="Experience the difference with Cool World Refrigeration's dedicated service approach"
|
||||
tag="Contact"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<div id="contact-content" data-section="contact-content" className="py-12 md:py-20 px-4 md:px-6">
|
||||
<div className="max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-8">
|
||||
{/* Service Request Form */}
|
||||
<div className="md:col-span-2">
|
||||
<div className="bg-card rounded-lg p-6 md:p-8 shadow-subtle-shadow border border-accent/10">
|
||||
<h2 className="text-2xl md:text-3xl font-bold mb-6">Service Request Form</h2>
|
||||
<form onSubmit={handleSubmit} className="space-y-4">
|
||||
<div>
|
||||
<label className="block text-sm font-medium mb-2">Your Name *</label>
|
||||
<Input
|
||||
value={formData.name}
|
||||
onChange={handleInputChange}
|
||||
type="text"
|
||||
name="name"
|
||||
placeholder="Enter your full name"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label className="block text-sm font-medium mb-2">Email Address *</label>
|
||||
<Input
|
||||
value={formData.email}
|
||||
onChange={handleInputChange}
|
||||
type="email"
|
||||
name="email"
|
||||
placeholder="Enter your email address"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label className="block text-sm font-medium mb-2">Phone Number *</label>
|
||||
<Input
|
||||
value={formData.phone}
|
||||
onChange={handleInputChange}
|
||||
type="tel"
|
||||
name="phone"
|
||||
placeholder="Enter your phone number"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label className="block text-sm font-medium mb-2">Service Type *</label>
|
||||
<select
|
||||
name="service"
|
||||
value={formData.service}
|
||||
onChange={handleInputChange}
|
||||
required
|
||||
className="w-full px-4 py-2 bg-secondary-cta text-foreground rounded-theme border border-accent/20 focus:outline-none focus:border-primary-cta transition"
|
||||
>
|
||||
<option value="">Select a service...</option>
|
||||
<option value="ac-repair">AC Repair & Maintenance</option>
|
||||
<option value="refrigerator-repair">Refrigerator Repair</option>
|
||||
<option value="gas-refilling">Gas Refilling for AC</option>
|
||||
<option value="compressor-repair">Compressor Repair</option>
|
||||
<option value="other">Other Service</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label className="block text-sm font-medium mb-2">Message *</label>
|
||||
<textarea
|
||||
name="message"
|
||||
value={formData.message}
|
||||
onChange={handleInputChange}
|
||||
placeholder="Describe your issue or service request"
|
||||
rows={5}
|
||||
required
|
||||
className="w-full px-4 py-2 bg-secondary-cta text-foreground rounded-theme border border-accent/20 focus:outline-none focus:border-primary-cta transition resize-none"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<button
|
||||
type="submit"
|
||||
disabled={submitStatus === "loading"}
|
||||
className="w-full px-6 py-3 bg-primary-cta text-white font-medium rounded-theme hover:opacity-90 transition disabled:opacity-50 md:w-auto"
|
||||
>
|
||||
{submitStatus === "loading" ? "Sending..." : "Send Request"}
|
||||
</button>
|
||||
|
||||
{submitStatus === "success" && (
|
||||
<p className="text-green-600 text-sm">✓ Thank you! We'll contact you soon.</p>
|
||||
)}
|
||||
{submitStatus === "error" && (
|
||||
<p className="text-red-600 text-sm">✗ Error sending message. Please try again.</p>
|
||||
)}
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Contact Information & WhatsApp */}
|
||||
<div className="space-y-6">
|
||||
{/* Contact Info Card */}
|
||||
<div className="bg-card rounded-lg p-6 shadow-subtle-shadow border border-accent/10">
|
||||
<h3 className="text-xl font-bold mb-4">Contact Information</h3>
|
||||
<div className="space-y-4">
|
||||
<div>
|
||||
<p className="text-sm text-gray-600 dark:text-gray-400 mb-1">Phone</p>
|
||||
<a href="tel:+919946368923" className="text-primary-cta font-semibold hover:underline">
|
||||
+91 99463 68923
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<p className="text-sm text-gray-600 dark:text-gray-400 mb-1">Location</p>
|
||||
<p className="font-medium">Balapuram, Naduvil P.O</p>
|
||||
<p className="text-sm">Kannur, Kerala – 670582</p>
|
||||
</div>
|
||||
<div>
|
||||
<p className="text-sm text-gray-600 dark:text-gray-400 mb-1">Service Area</p>
|
||||
<p className="text-sm">Kannur and nearby areas</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* WhatsApp Card */}
|
||||
<div className="bg-gradient-to-br from-green-50 to-emerald-50 dark:from-green-900/20 dark:to-emerald-900/20 rounded-lg p-6 border border-green-200 dark:border-green-800">
|
||||
<h3 className="text-xl font-bold mb-3">Quick Contact</h3>
|
||||
<p className="text-sm mb-4">Message us on WhatsApp for instant support and quick quotes.</p>
|
||||
<button
|
||||
onClick={handleWhatsApp}
|
||||
className="w-full px-4 py-3 bg-green-600 text-white font-semibold rounded-theme hover:bg-green-700 transition flex items-center justify-center gap-2"
|
||||
>
|
||||
<span>💬</span> WhatsApp Us
|
||||
</button>
|
||||
<p className="text-xs text-gray-600 dark:text-gray-400 mt-3 text-center">
|
||||
Available 8 AM - 8 PM daily
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{/* Service Hours */}
|
||||
<div className="bg-card rounded-lg p-6 shadow-subtle-shadow border border-accent/10">
|
||||
<h3 className="text-lg font-bold mb-3">Service Hours</h3>
|
||||
<div className="space-y-2 text-sm">
|
||||
<p><span className="font-medium">Monday - Sunday:</span> 8:00 AM - 8:00 PM</p>
|
||||
<p><span className="font-medium">Emergency:</span> 24/7 Available</p>
|
||||
<p className="text-gray-600 dark:text-gray-400 text-xs mt-3">
|
||||
Same-day service available for urgent repairs
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Mobile Responsive Note */}
|
||||
<div id="mobile-note" data-section="mobile-note" className="py-8 px-4 md:py-12 md:px-6 bg-background-accent/50">
|
||||
<div className="max-w-4xl mx-auto text-center">
|
||||
<p className="text-sm md:text-base text-gray-600 dark:text-gray-400">
|
||||
💡 Tip: For faster response, use our WhatsApp option or call directly. Describe your issue clearly so we can provide the best solution.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Cool World"
|
||||
copyrightText="© 2025 Cool World Refrigeration. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "AC Repair & Maintenance",
|
||||
href: "/#services",
|
||||
},
|
||||
{
|
||||
label: "Refrigerator Repair",
|
||||
href: "/#services",
|
||||
},
|
||||
{
|
||||
label: "Gas Refilling",
|
||||
href: "/#services",
|
||||
},
|
||||
{
|
||||
label: "Compressor Repair",
|
||||
href: "/#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Why Choose Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact Info",
|
||||
items: [
|
||||
{
|
||||
label: "📞 +91 99463 68923",
|
||||
href: "tel:+919946368923",
|
||||
},
|
||||
{
|
||||
label: "Balapuram, Naduvil P.O, Kannur",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Kerala – 670582",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp Message",
|
||||
href: "https://wa.me/919946368923",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
columns={footerColumns}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -155,8 +155,8 @@ export default function HomePage() {
|
||||
text="Ready to fix your AC or refrigerator? Contact Cool World Refrigeration for fast, reliable service in Kannur. Call us now or book your service appointment."
|
||||
animationType="entrance-slide"
|
||||
buttons={[
|
||||
{ text: "Book Service", href: "/contact" },
|
||||
{ text: "Call Now", href: "tel:+919946368923" },
|
||||
{ text: "Book Service", href: "/contact" },
|
||||
]}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
|
||||
@@ -1,29 +1,26 @@
|
||||
"use client";
|
||||
|
||||
import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
|
||||
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
|
||||
export default function ServicesPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
];
|
||||
|
||||
const navButton = {
|
||||
text: "Call Now",
|
||||
href: "/contact",
|
||||
};
|
||||
text: "Call Now", href: "tel:+919946368923"};
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{ label: "AC Repair & Maintenance", href: "/services" },
|
||||
{ label: "Refrigerator Repair", href: "/services" },
|
||||
{ label: "Gas Refilling", href: "/services" },
|
||||
@@ -31,17 +28,15 @@ export default function ServicesPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About Us", href: "/" },
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Why Choose Us", href: "/" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "Contact", href: "contact" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact Info",
|
||||
items: [
|
||||
title: "Contact Info", items: [
|
||||
{ label: "📞 +91 99463 68923", href: "tel:+919946368923" },
|
||||
{ label: "Balapuram, Naduvil P.O, Kannur", href: "#" },
|
||||
{ label: "Kerala – 670582", href: "#" },
|
||||
@@ -71,45 +66,49 @@ export default function ServicesPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
logoText="Our Professional Services"
|
||||
description="Comprehensive AC and refrigerator repair solutions tailored to meet all your cooling needs. Expert technicians, quality parts, and reliable service."
|
||||
buttons={[
|
||||
{ text: "Call Now", href: "tel:+919946368923" },
|
||||
{ text: "Schedule Service", href: "tel:+919946368923" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "plain" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/african-american-electrician-doing-leak-checks-other-necessary-repairs-prevent-major-breakdowns-licensed-serviceman-verifying-air-conditioner-writing-findings-clipboard_482257-70255.jpg?_wi=1"
|
||||
imageAlt="professional repair technician at work"
|
||||
mediaAnimation="opacity"
|
||||
frameStyle="card"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyFour
|
||||
title="Our Complete Services"
|
||||
description="We offer a comprehensive range of professional repair and maintenance services for all your air conditioning and refrigeration needs in Kannur."
|
||||
title="Our Complete Service Offerings"
|
||||
description="Professional cooling solutions designed to keep your appliances running efficiently"
|
||||
tag="Services"
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "AC Repair & Maintenance",
|
||||
author: "Expert Technicians",
|
||||
description:
|
||||
"Professional air conditioning repair, servicing, and maintenance for optimal performance and efficiency year-round. We handle window units, split ACs, and central air systems with expertise and care.",
|
||||
tags: ["AC Service", "Maintenance"],
|
||||
id: "1", title: "AC Repair & Maintenance", author: "Expert Technicians", description:
|
||||
"Professional air conditioning repair, servicing, and maintenance for optimal performance and efficiency year-round. We handle window units, split ACs, and central systems.", tags: ["AC Service", "Maintenance", "Professional"],
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/african-american-electrician-doing-leak-checks-other-necessary-repairs-prevent-major-breakdowns-licensed-serviceman-verifying-air-conditioner-writing-findings-clipboard_482257-70255.jpg?_wi=2",
|
||||
imageAlt: "air conditioner repair technician fixing",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/african-american-electrician-doing-leak-checks-other-necessary-repairs-prevent-major-breakdowns-licensed-serviceman-verifying-air-conditioner-writing-findings-clipboard_482257-70255.jpg?_wi=1", imageAlt: "air conditioner repair technician fixing unit"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Refrigerator Repair",
|
||||
author: "Certified Service",
|
||||
description:
|
||||
"Expert refrigerator and deep freezer repair services to keep your food fresh and your appliances running smoothly. From cooling issues to compressor problems, we diagnose and fix quickly.",
|
||||
tags: ["Fridge Service", "Repairs"],
|
||||
id: "2", title: "Refrigerator Repair", author: "Certified Service", description:
|
||||
"Expert refrigerator and deep freezer repair services to keep your food fresh and your appliances running smoothly. Rapid response for cooling emergencies.", tags: ["Fridge Service", "Repairs", "Emergency"],
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-loader-holding-mini-clipboard-with-phone-gesture-uniform-front-view_176474-21363.jpg?_wi=2",
|
||||
imageAlt: "refrigerator repair technician professional",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/young-loader-holding-mini-clipboard-with-phone-gesture-uniform-front-view_176474-21363.jpg?_wi=1", imageAlt: "refrigerator repair technician professional service"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Gas Refilling for AC",
|
||||
author: "Professional Care",
|
||||
description:
|
||||
"Proper refrigerant gas refilling and charging for your air conditioning systems to restore cooling efficiency. We use authentic refrigerant and ensure proper pressure levels for peak performance.",
|
||||
tags: ["Gas Refill", "AC Service"],
|
||||
id: "3", title: "Gas Refilling for AC", author: "Professional Care", description:
|
||||
"Proper refrigerant gas refilling and charging for your air conditioning systems to restore cooling efficiency. Using only quality approved refrigerants.", tags: ["Gas Refill", "AC Service", "Certified"],
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/hvac-engineer-dusting-blower-fan_482257-90845.jpg?_wi=2",
|
||||
imageAlt: "AC gas refilling refrigerant charging",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/hvac-engineer-dusting-blower-fan_482257-90845.jpg?_wi=1", imageAlt: "AC gas refilling refrigerant charging process"},
|
||||
{
|
||||
id: "4", title: "Compressor Repair", author: "Technical Expert", description:
|
||||
"Specialized compressor diagnosis and repair for both AC and refrigeration units with warranty on parts. Advanced testing equipment for accurate diagnosis.", tags: ["Compressor", "Repair", "Warranty"],
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/female-mechanic-removing-tool-from-tool-box_1170-1228.jpg", imageAlt: "air conditioner compressor repair replacement"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -117,13 +116,13 @@ export default function ServicesPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-services" data-section="contact-services">
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Need immediate AC or refrigerator repair? Our expert technicians are ready to help. Contact Cool World Refrigeration for quick, professional service in Kannur today."
|
||||
text="Need professional cooling appliance repair? Contact Cool World Refrigeration today for fast, reliable service in Kannur. Same-day service available."
|
||||
animationType="entrance-slide"
|
||||
buttons={[
|
||||
{ text: "Call Now", href: "tel:+919946368923" },
|
||||
{ text: "Book Appointment", href: "/contact" },
|
||||
{ text: "Book Appointment", href: "tel:+919946368923" },
|
||||
]}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
|
||||
134
src/app/why-us/page.tsx
Normal file
134
src/app/why-us/page.tsx
Normal file
@@ -0,0 +1,134 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
|
||||
export default function WhyUsPage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Why Choose Us", id: "/why-us" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
];
|
||||
|
||||
const navButton = {
|
||||
text: "Call Now", href: "/contact"};
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "AC Repair & Maintenance", href: "/services" },
|
||||
{ label: "Refrigerator Repair", href: "/services" },
|
||||
{ label: "Gas Refilling", href: "/services" },
|
||||
{ label: "Compressor Repair", href: "/services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Why Choose Us", href: "/why-us" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact Info", items: [
|
||||
{ label: "📞 +91 99463 68923", href: "tel:+919946368923" },
|
||||
{ label: "Balapuram, Naduvil P.O, Kannur", href: "#" },
|
||||
{ label: "Kerala – 670582", href: "#" },
|
||||
{ label: "WhatsApp Message", href: "https://wa.me/919946368923" },
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="largeSmall"
|
||||
background="circleGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={navItems}
|
||||
button={navButton}
|
||||
brandName="Cool World"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-us-content" data-section="why-us-content">
|
||||
<FeatureCardTwentyFour
|
||||
title="Why Choose Cool World Refrigeration"
|
||||
description="Discover what sets us apart from other repair services in Kannur. We are committed to delivering exceptional service quality and customer satisfaction."
|
||||
tag="Why Us"
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Trusted Local Technician", author: "10+ Years Experience", description:
|
||||
"Reliable and experienced repair professionals serving Kannur and nearby areas with proven expertise in all appliance types. Our technicians are fully certified and trained on the latest cooling technologies.", tags: ["Trusted", "Local", "Certified"],
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/photovoltaics-smart-factory-team-leader-workers-analyzing-data_482257-131901.jpg?_wi=1", imageAlt: "professional technician trusted reliable service"},
|
||||
{
|
||||
id: "2", title: "Quick Home Service", author: "Same Day Service Available", description:
|
||||
"We offer same-day service at your convenience. Fast response times and professional on-site repairs without hassle. Book your appointment through phone or WhatsApp and we'll be at your door promptly.", tags: ["Quick", "Convenient", "Same-Day"],
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/man-looking-information-control-panel-dishwasher_259150-58285.jpg?_wi=1", imageAlt: "fast quick service technician same day"},
|
||||
{
|
||||
id: "3", title: "Affordable Pricing", author: "Honest & Transparent Rates", description:
|
||||
"Transparent and honest pricing with no hidden charges. Quality service at competitive rates for homeowners and businesses. We provide free diagnostics and upfront quotes before any work begins.", tags: ["Affordable", "Transparent", "No Hidden Costs"],
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/word-save-circled-red-list-spending-surrounded-by-pencils-graphs-books-calculator_1101-3199.jpg?_wi=1", imageAlt: "affordable budget friendly service cost"},
|
||||
{
|
||||
id: "4", title: "Comprehensive Service Coverage", author: "Wide Service Area", description:
|
||||
"Serving all of Kannur and nearby areas including Balapuram, Naduvil, and surrounding regions with reliable service. Whether you're in the city center or outskirts, we reach you.", tags: ["Coverage", "Local", "Mobile Service"],
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/low-angle-smiley-delivery-guy_23-2148546091.jpg?_wi=1", imageAlt: "service coverage wide area delivery"},
|
||||
{
|
||||
id: "5", title: "Quality Guaranteed", author: "Parts & Service Warranty", description:
|
||||
"All our repairs come with warranty on parts and labor. We use genuine spare parts and provide comprehensive maintenance to ensure your appliances run smoothly for years to come.", tags: ["Warranty", "Quality", "Genuine Parts"],
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/technician-checking-maintenance-refrigerator_482257-45678.jpg?_wi=1", imageAlt: "quality repair warranty parts"},
|
||||
{
|
||||
id: "6", title: "Customer Satisfaction First", author: "100% Customer Focus", description:
|
||||
"Your satisfaction is our priority. We listen to your concerns, explain the problem clearly, and provide the best solution. Many of our customers return because of our dedication to excellence.", tags: ["Customer Care", "Professional", "Reliable"],
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/happy-customer-receiving-excellent-service_482257-23456.jpg?_wi=1", imageAlt: "customer satisfaction service excellence"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-cta" data-section="contact-cta">
|
||||
<ContactCTA
|
||||
tag="Get Started"
|
||||
title="Ready to Experience Our Service?"
|
||||
description="Contact Cool World Refrigeration today and discover why we're the trusted choice for AC and refrigerator repairs in Kannur. Fast, reliable, and affordable service is just a call away."
|
||||
buttons={[
|
||||
{ text: "Call Now: +91 99463 68923", href: "tel:+919946368923" },
|
||||
{ text: "Message on WhatsApp", href: "https://wa.me/919946368923" },
|
||||
]}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Cool World"
|
||||
copyrightText="© 2025 Cool World Refrigeration. All rights reserved."
|
||||
columns={footerColumns}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user