bender/b4a21445-cfbc-4f53-bb81-301af5b45f99
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_4 into main #5

Merged
bender merged 6 commits from version_4 into main 2026-03-10 16:42:23 +00:00
Conversation 0 Commits 6 Files Changed 6 +387 -296
6 changed files with 387 additions and 296 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
src/app/about/page.tsx
View File

@@ -2,21 +2,20 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
import ContactText from "@/components/sections/contact/ContactText";
import FooterBase from "@/components/sections/footer/FooterBase";
export default function AboutPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Home", id: "home" },
{ name: "Services", id: "services" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "contact" },
{ name: "Contact", id: "/contact" },
];
const navButton = {
text: "Call Now", href: "tel:+919946368923"};
text: "Call Now", href: "/contact"};
const footerColumns = [
{
@@ -31,7 +30,7 @@ export default function AboutPage() {
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: "#" },
],
},
@@ -66,49 +65,47 @@ export default function AboutPage() {
/>
</div>
<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" },
<div id="about" data-section="about">
<TextSplitAbout
title="About Cool World Refrigeration"
description={[
"Cool World Refrigeration is a trusted name in home appliance repair services across Kannur and surrounding areas. With over 10 years of experience in the industry, we have built a reputation for providing fast, reliable, and affordable repair solutions for air conditioning units, refrigerators, and other cooling appliances.", "Our mission is to ensure that every customer receives professional, honest, and efficient service. We understand how essential these appliances are to your daily life, which is why we commit to quick response times and transparent pricing. Our team of certified technicians brings expertise, integrity, and dedication to every job.", "We believe in building long-term relationships with our customers through consistent quality service, fair pricing, and genuine care for their needs."
]}
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"
buttons={[
{ text: "Book Service", href: "/contact" },
{ text: "Call Us", href: "tel:+919946368923" },
]}
showBorder={false}
useInvertedBackground={false}
/>
</div>
<div id="about" data-section="about">
<div id="why-choose-us" data-section="why-choose-us">
<FeatureCardTwentyFour
title="Why Choose Cool World Refrigeration"
description="Delivering excellence in AC and refrigerator repair services"
tag="About Us"
description="Discover what sets us apart from other service providers in Kannur"
tag="Our Values"
features={[
{
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"],
id: "1", title: "Experienced & Certified Technicians", author: "10+ Years Expertise", description:
"Our team comprises certified professionals with extensive knowledge of all appliance types. We stay updated with the latest repair techniques and technologies to provide the best service.", tags: ["Expertise", "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"},
"http://img.b2bpic.net/free-photo/photovoltaics-smart-factory-team-leader-workers-analyzing-data_482257-131901.jpg?_wi=1", imageAlt: "certified technicians expertise"},
{
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"],
id: "2", title: "Fast Response & Same-Day Service", author: "Quick Solutions", description:
"We understand that a broken appliance is an emergency. Our rapid response team ensures same-day service appointments at your convenience, minimizing your downtime.", tags: ["Fast", "Reliable"],
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 service"},
"http://img.b2bpic.net/free-photo/man-looking-information-control-panel-dishwasher_259150-58285.jpg?_wi=1", imageAlt: "fast service response"},
{
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"],
id: "3", title: "Transparent & Honest Pricing", author: "No Hidden Charges", description:
"We believe in fair pricing practices. Every quote is transparent with no hidden charges. You know exactly what you're paying for before we begin any work.", 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=1", imageAlt: "affordable budget friendly service cost savings"},
"http://img.b2bpic.net/free-photo/word-save-circled-red-list-spending-surrounded-by-pencils-graphs-books-calculator_1101-3199.jpg?_wi=1", imageAlt: "transparent pricing honest rates"},
{
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"],
id: "4", title: "Warranty on Parts & Service", author: "Quality Guarantee", description:
"We stand behind our work. All parts come with warranty, and our service workmanship is guaranteed. Your satisfaction is our priority.", tags: ["Warranty", "Quality"],
imageSrc:
"http://img.b2bpic.net/free-photo/low-angle-smiley-delivery-guy_23-2148546091.jpg?_wi=1", imageAlt: "service coverage wide area delivery professional"},
"http://img.b2bpic.net/free-photo/low-angle-smiley-delivery-guy_23-2148546091.jpg?_wi=1", imageAlt: "warranty guarantee quality"},
]}
animationType="slide-up"
textboxLayout="default"
@@ -116,19 +113,6 @@ export default function AboutPage() {
/>
</div>
<div id="contact" data-section="contact">
<ContactText
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: "Schedule Service", href: "tel:+919946368923" },
]}
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
logoText="Cool World"

368
src/app/contact/page.tsx
View File

@@ -5,23 +5,23 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBase from "@/components/sections/footer/FooterBase";
import Input from "@/components/form/Input";
import { Mail, Phone, MapPin, MessageCircle } from "lucide-react";
export default function ContactPage() {
const [formData, setFormData] = useState({
name: "", email: "", phone: "", service: "", message: ""});
name: "", email: "", phone: "", appliance: "", issue: ""});
const [submitStatus, setSubmitStatus] = useState<"idle" | "loading" | "success" | "error">("idle");
const [submitted, setSubmitted] = useState(false);
const navItems = [
{ name: "Home", id: "/" },
{ name: "Home", id: "home" },
{ name: "Services", id: "services" },
{ name: "Why Choose Us", id: "/why-us" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
];
const navButton = {
text: "Call Now", href: "/contact"};
text: "Call Now", href: "tel:+919946368923"};
const footerColumns = [
{
@@ -35,7 +35,7 @@ export default function ContactPage() {
{
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Why Choose Us", href: "/why-us" },
{ label: "Why Choose Us", href: "/" },
{ label: "Contact", href: "/contact" },
{ label: "Privacy Policy", href: "#" },
],
@@ -50,7 +50,9 @@ export default function ContactPage() {
},
];
const handleInputChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => {
const handleInputChange = (
e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>
) => {
const { name, value } = e.target;
setFormData((prev) => ({
...prev,
@@ -58,27 +60,15 @@ export default function ContactPage() {
}));
};
const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
const handleSubmit = (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.`;
// Prepare WhatsApp message
const message = `Hi Cool World Refrigeration! I'd like to request a service:\n\nName: ${formData.name}\nEmail: ${formData.email}\nPhone: ${formData.phone}\nAppliance: ${formData.appliance}\nIssue: ${formData.issue}`;
const encodedMessage = encodeURIComponent(message);
window.open(`https://wa.me/919946368923?text=${encodedMessage}`, "_blank");
setSubmitted(true);
setFormData({ name: "", email: "", phone: "", appliance: "", issue: "" });
setTimeout(() => setSubmitted(false), 3000);
};
return (
@@ -102,170 +92,196 @@ export default function ContactPage() {
/>
</div>
<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-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={(value: string) => setFormData((prev) => ({ ...prev, name: value }))}
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={(value: string) => setFormData((prev) => ({ ...prev, email: value }))}
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={(value: string) => setFormData((prev) => ({ ...prev, phone: value }))}
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 id="contact-hero" data-section="contact-hero" className="py-12 md:py-20 px-4">
<div className="max-w-6xl mx-auto">
<div className="text-center mb-12 md:mb-16">
<h1 className="text-4xl md:text-5xl lg:text-6xl font-bold mb-4">Get in Touch</h1>
<p className="text-lg md:text-xl text-opacity-75 max-w-2xl mx-auto">
Need AC or refrigerator repair? Contact Cool World Refrigeration for immediate assistance.
</p>
</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 className="grid grid-cols-1 md:grid-cols-3 gap-6 mb-12">
{/* Contact Info Cards */}
<div className="p-6 rounded-lg border border-gray-200 bg-white/50 backdrop-blur">
<div className="flex items-center gap-3 mb-4">
<Phone className="w-6 h-6" />
<h3 className="font-semibold text-lg">Call Us</h3>
</div>
<p className="text-sm text-gray-600 mb-3">Available 7 days a week</p>
<a
href="tel:+919946368923"
className="font-bold text-lg hover:underline"
>
+91 99463 68923
</a>
</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"
<div className="p-6 rounded-lg border border-gray-200 bg-white/50 backdrop-blur">
<div className="flex items-center gap-3 mb-4">
<MessageCircle className="w-6 h-6" />
<h3 className="font-semibold text-lg">WhatsApp</h3>
</div>
<p className="text-sm text-gray-600 mb-3">Quick chat support</p>
<a
href="https://wa.me/919946368923"
target="_blank"
rel="noopener noreferrer"
className="font-bold text-lg hover:underline"
>
<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
Message on WhatsApp
</a>
</div>
<div className="p-6 rounded-lg border border-gray-200 bg-white/50 backdrop-blur">
<div className="flex items-center gap-3 mb-4">
<MapPin className="w-6 h-6" />
<h3 className="font-semibold text-lg">Location</h3>
</div>
<p className="text-sm text-gray-600">
Balapuram, Naduvil P.O<br />
Kannur, Kerala – 670582
</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 id="contact-form" data-section="contact-form" className="py-12 md:py-20 px-4 bg-gray-50">
<div className="max-w-2xl mx-auto">
<div className="text-center mb-10">
<h2 className="text-3xl md:text-4xl font-bold mb-3">Service Request Form</h2>
<p className="text-gray-600">Fill in your details and we'll get back to you shortly</p>
</div>
<form
onSubmit={handleSubmit}
className="bg-white p-6 md:p-8 rounded-lg shadow-lg border border-gray-200"
>
<div className="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
<div>
<label htmlFor="name" className="block text-sm font-semibold mb-2">
Full Name *
</label>
<input
type="text"
id="name"
name="name"
value={formData.name}
onChange={handleInputChange}
required
className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
placeholder="Your name"
/>
</div>
<div>
<label htmlFor="phone" className="block text-sm font-semibold mb-2">
Phone Number *
</label>
<input
type="tel"
id="phone"
name="phone"
value={formData.phone}
onChange={handleInputChange}
required
className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
placeholder="+91 XXXXX XXXXX"
/>
</div>
</div>
<div className="mb-6">
<label htmlFor="email" className="block text-sm font-semibold mb-2">
Email Address
</label>
<input
type="email"
id="email"
name="email"
value={formData.email}
onChange={handleInputChange}
className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
placeholder="your@email.com"
/>
</div>
<div className="mb-6">
<label htmlFor="appliance" className="block text-sm font-semibold mb-2">
Appliance Type *
</label>
<select
id="appliance"
name="appliance"
value={formData.appliance}
onChange={handleInputChange}
required
className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
>
<option value="">Select appliance</option>
<option value="AC Unit">AC Unit</option>
<option value="Refrigerator">Refrigerator</option>
<option value="Deep Freezer">Deep Freezer</option>
<option value="Water Cooler">Water Cooler</option>
<option value="Other">Other</option>
</select>
</div>
<div className="mb-6">
<label htmlFor="issue" className="block text-sm font-semibold mb-2">
Describe the Issue *
</label>
<textarea
id="issue"
name="issue"
value={formData.issue}
onChange={handleInputChange}
required
className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 resize-none"
placeholder="Describe what's wrong with your appliance"
rows={4}
/>
</div>
{submitted && (
<div className="mb-6 p-4 bg-green-100 border border-green-400 text-green-700 rounded-lg">
✓ Form submitted! Opening WhatsApp to continue...
</div>
)}
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
<button
type="submit"
className="w-full bg-blue-600 text-white py-3 px-4 rounded-lg font-semibold hover:bg-blue-700 transition duration-200"
>
Send via WhatsApp
</button>
<a
href="tel:+919946368923"
className="w-full bg-green-600 text-white py-3 px-4 rounded-lg font-semibold hover:bg-green-700 transition duration-200 flex items-center justify-center gap-2"
>
<Phone className="w-4 h-4" />
Call Directly
</a>
</div>
</form>
</div>
</div>
<div id="contact-cta" data-section="contact-cta">
<ContactCTA
tag="Emergency Service"
title="Need Immediate Help?"
description="Our team is ready to assist you. Call us right away for same-day emergency repairs."
buttons={[
{ text: "Call Now", href: "tel:+919946368923" },
{ text: "WhatsApp Message", href: "https://wa.me/919946368923" },
]}
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
logoText="Cool World"
@@ -275,4 +291,4 @@ export default function ContactPage() {
</div>
</ThemeProvider>
);
}
}

18
src/app/page.tsx
View File

@@ -170,6 +170,24 @@ export default function HomePage() {
columns={footerColumns}
/>
</div>
{/* Sticky CTA Button - Always Visible */}
<div className="fixed bottom-4 right-4 z-40 flex gap-2">
<a
href="tel:+919946368923"
className="bg-primary-cta text-foreground px-6 py-3 rounded-lg font-semibold hover:opacity-90 transition-opacity shadow-lg"
aria-label="Call Cool World Refrigeration"
>
📞 Call Now
</a>
<a
href="https://wa.me/919946368923"
className="bg-accent text-foreground px-6 py-3 rounded-lg font-semibold hover:opacity-90 transition-opacity shadow-lg"
aria-label="Message on WhatsApp"
>
💬 WhatsApp
</a>
</div>
</ThemeProvider>
);
}

85
src/app/services/page.tsx
View File

@@ -11,8 +11,8 @@ export default function ServicesPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "contact" },
{ name: "Why Choose Us", id: "/why-us" },
{ name: "Contact", id: "/contact" },
];
const navButton = {
@@ -29,9 +29,9 @@ export default function ServicesPage() {
},
{
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Why Choose Us", href: "/" },
{ label: "Contact", href: "contact" },
{ label: "Home", href: "/" },
{ label: "Why Choose Us", href: "/why-us" },
{ label: "Contact", href: "/contact" },
{ label: "Privacy Policy", href: "#" },
],
},
@@ -69,15 +69,15 @@ export default function ServicesPage() {
<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."
description="Complete cooling appliance repair and maintenance solutions tailored to your needs. Expert technicians serving Kannur with premium service quality."
buttons={[
{ text: "Call Now", href: "tel:+919946368923" },
{ text: "Schedule Service", href: "tel:+919946368923" },
{ text: "Book Service", href: "tel:+919946368923" },
{ text: "Get Quote", href: "/contact" },
]}
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"
imageAlt="professional HVAC technician performing service"
mediaAnimation="opacity"
frameStyle="card"
/>
@@ -85,30 +85,30 @@ export default function ServicesPage() {
<div id="services" data-section="services">
<FeatureCardTwentyFour
title="Our Complete Service Offerings"
description="Professional cooling solutions designed to keep your appliances running efficiently"
tag="Services"
title="Comprehensive Service Offerings"
description="Expert repair, maintenance, and installation services for all your air conditioning and refrigeration needs"
tag="Full Service Menu"
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 systems.", tags: ["AC Service", "Maintenance", "Professional"],
id: "1", title: "AC Repair & Maintenance", author: "Expert Service", description:
"Complete air conditioning repair, preventive maintenance, servicing, and troubleshooting. We handle everything from regular maintenance to emergency repairs with same-day response.", tags: ["AC Service", "Maintenance", "Emergency"],
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: "air conditioner repair technician fixing unit"},
"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 air conditioning repair and servicing"},
{
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"],
id: "2", title: "Refrigerator & Fridge Repair", author: "Specialist Technicians", description:
"Professional repair services for all types of refrigerators, freezers, and coolers. We diagnose and fix compressor issues, cooling problems, electrical faults, and more.", tags: ["Fridge Repair", "Freezer", "Cooling"],
imageSrc:
"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"},
"http://img.b2bpic.net/free-photo/young-loader-holding-mini-clipboard-with-phone-gesture-uniform-front-view_176474-21363.jpg?_wi=1", imageAlt: "refrigerator and fridge repair specialist"},
{
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"],
id: "3", title: "Gas Refilling & Charging", author: "Certified Professionals", description:
"Expert refrigerant gas refilling, charging, and leak detection for AC and refrigeration systems. We use genuine refrigerants and ensure proper pressure levels.", tags: ["Gas Refill", "Refrigerant", "Charging"],
imageSrc:
"http://img.b2bpic.net/free-photo/hvac-engineer-dusting-blower-fan_482257-90845.jpg?_wi=1", imageAlt: "AC gas refilling refrigerant charging process"},
"http://img.b2bpic.net/free-photo/hvac-engineer-dusting-blower-fan_482257-90845.jpg?_wi=1", imageAlt: "AC refrigerant gas refilling and charging service"},
{
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"],
id: "4", title: "Compressor Repair & Replacement", author: "Technical Experts", description:
"Specialized compressor diagnosis, repair, and replacement for both AC and refrigeration units. All compressor work comes with warranty and quality assurance.", 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"},
"http://img.b2bpic.net/free-photo/female-mechanic-removing-tool-from-tool-box_1170-1228.jpg", imageAlt: "air conditioner compressor repair and replacement"},
]}
animationType="slide-up"
textboxLayout="default"
@@ -116,13 +116,46 @@ export default function ServicesPage() {
/>
</div>
<div id="why-services" data-section="why-services">
<FeatureCardTwentyFour
title="Why Our Services Stand Out"
description="Quality, reliability, and customer satisfaction are at the heart of everything we do"
tag="Service Excellence"
features={[
{
id: "1", title: "Certified & Experienced Technicians", author: "Professional Team", description:
"Our technicians are certified, trained, and have years of hands-on experience with all major cooling appliance brands and models.", tags: ["Certified", "Experienced"],
imageSrc:
"http://img.b2bpic.net/free-photo/photovoltaics-smart-factory-team-leader-workers-analyzing-data_482257-131901.jpg?_wi=1", imageAlt: "certified professional technicians team"},
{
id: "2", title: "Quick & Reliable Response", author: "Fast Service", description:
"Same-day service available for emergency calls. We respond quickly and work efficiently to get your appliances running smoothly again.", tags: ["Quick Response", "Same Day"],
imageSrc:
"http://img.b2bpic.net/free-photo/man-looking-information-control-panel-dishwasher_259150-58285.jpg?_wi=1", imageAlt: "fast professional service response"},
{
id: "3", title: "Transparent & Fair Pricing", author: "Honest Rates", description:
"No hidden charges or surprise costs. We provide upfront pricing, detailed quotations, and only charge for actual work performed.", tags: ["Transparent", "Fair Price"],
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: "transparent pricing and quotation service"},
{
id: "4", title: "Service Warranty & Support", author: "Quality Guarantee", description:
"All repairs come with warranty on parts and labor. We stand behind our work and provide ongoing support for your peace of mind.", tags: ["Warranty", "Support"],
imageSrc:
"http://img.b2bpic.net/free-photo/low-angle-smiley-delivery-guy_23-2148546091.jpg?_wi=1", imageAlt: "warranty and customer support service"},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
text="Need professional cooling appliance repair? Contact Cool World Refrigeration today for fast, reliable service in Kannur. Same-day service available."
text="Need professional cooling appliance repair? Contact Cool World Refrigeration today. Our expert team is ready to solve your AC and refrigerator problems with fast, reliable service."
animationType="entrance-slide"
buttons={[
{ text: "Call Now", href: "tel:+919946368923" },
{ text: "Book Appointment", href: "tel:+919946368923" },
{ text: "Book Service", href: "/contact" },
]}
background={{ variant: "plain" }}
useInvertedBackground={false}

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #e3deea;
--background: #e8f4f8;
--card: #ffffff;
--foreground: #1f2027;
--primary-cta: #1f2027;
--primary-cta-text: #e3deea;
--foreground: #0d3b4a;
--primary-cta: #0b7a9e;
--primary-cta-text: #ffffff;
--secondary-cta: #ffffff;
--secondary-cta-text: #1f2027;
--accent: #627dc6;
--background-accent: #627dc6;
--secondary-cta-text: #0d3b4a;
--accent: #00b4d8;
--background-accent: #90e0ef;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

118
src/app/why-us/page.tsx
View File

@@ -2,20 +2,21 @@
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 ContactCTA from "@/components/sections/contact/ContactCTA";
import ContactText from "@/components/sections/contact/ContactText";
import FooterBase from "@/components/sections/footer/FooterBase";
export default function WhyUsPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "Services", id: "services" },
{ name: "Services", id: "/services" },
{ name: "Why Choose Us", id: "/why-us" },
{ name: "Contact", id: "/contact" },
];
const navButton = {
text: "Call Now", href: "/contact"};
text: "Call Now", href: "tel:+919946368923"};
const footerColumns = [
{
@@ -28,8 +29,8 @@ export default function WhyUsPage() {
},
{
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Why Choose Us", href: "/why-us" },
{ label: "Home", href: "/" },
{ label: "Services", href: "/services" },
{ label: "Contact", href: "/contact" },
{ label: "Privacy Policy", href: "#" },
],
@@ -65,42 +66,49 @@ export default function WhyUsPage() {
/>
</div>
<div id="why-us-content" data-section="why-us-content">
<div id="hero" data-section="hero">
<HeroLogoBillboard
logoText="Why Choose Cool World Refrigeration"
description="Trusted by hundreds of satisfied customers across Kannur. We deliver professional, honest, and affordable cooling appliance repair services with a commitment to excellence."
buttons={[
{ text: "Get Started", href: "tel:+919946368923" },
{ text: "Contact Us", href: "/contact" },
]}
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 serving customers with excellence"
mediaAnimation="opacity"
frameStyle="card"
/>
</div>
<div id="why-us" data-section="why-us">
<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"
title="Our Competitive Advantages"
description="Here's what makes us the preferred choice for cooling appliance repair in Kannur"
tag="What Sets Us Apart"
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"],
id: "1", title: "10+ Years of Trusted Service", author: "Local Experts", description:
"Over a decade of experience in AC and refrigerator repair. We've built our reputation on reliability, honest work, and satisfied customers across Kannur.", tags: ["Experienced", "Trusted"],
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"},
"http://img.b2bpic.net/free-photo/photovoltaics-smart-factory-team-leader-workers-analyzing-data_482257-131901.jpg?_wi=1", imageAlt: "experienced repair specialists with proven track record"},
{
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"],
id: "2", title: "Same-Day Emergency Service", author: "Quick Response", description:
"We understand cooling issues can't wait. Our team responds quickly to emergency calls and works on the same day whenever possible to restore your comfort.", tags: ["Same Day", "Emergency"],
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"},
"http://img.b2bpic.net/free-photo/man-looking-information-control-panel-dishwasher_259150-58285.jpg?_wi=1", imageAlt: "fast emergency repair response service"},
{
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"],
id: "3", title: "Honest & Transparent Pricing", author: "No Hidden Charges", description:
"No surprise bills or hidden fees. We provide clear upfront quotations, explain the work needed, and only charge for services actually performed.", tags: ["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=1", 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: "transparent fair pricing with clear quotation"},
{
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"],
id: "4", title: "Warranty on All Repairs", author: "Quality Guarantee", description:
"Every repair comes with warranty on both parts and labor. We stand behind our work and provide ongoing support to ensure your satisfaction.", tags: ["Warranty", "Quality"],
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"},
"http://img.b2bpic.net/free-photo/low-angle-smiley-delivery-guy_23-2148546091.jpg?_wi=1", imageAlt: "quality warranty and customer satisfaction guarantee"},
]}
animationType="slide-up"
textboxLayout="default"
@@ -108,14 +116,46 @@ export default function WhyUsPage() {
/>
</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."
<div id="excellence" data-section="excellence">
<FeatureCardTwentyFour
title="Our Service Excellence Promise"
description="Committed to delivering superior service every single time"
tag="Excellence Standard"
features={[
{
id: "1", title: "Certified Technicians", author: "Professional Team", description:
"All our technicians are certified, trained on latest equipment, and stay updated with industry best practices and new technologies.", tags: ["Certified", "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=1", imageAlt: "certified professional technicians"},
{
id: "2", title: "All Major Brands Supported", author: "Brand Expertise", description:
"We service all major cooling appliance brands - whether it's Daikin, LG, Voltas, Videocon, or any other brand, we have the expertise and spare parts.", tags: ["All Brands", "Expertise"],
imageSrc:
"http://img.b2bpic.net/free-photo/young-loader-holding-mini-clipboard-with-phone-gesture-uniform-front-view_176474-21363.jpg?_wi=1", imageAlt: "service for all major appliance brands"},
{
id: "3", title: "Using Genuine Parts & Equipment", author: "Quality Materials", description:
"We only use genuine spare parts and professional equipment. No compromise on quality - your appliances deserve the best materials.", tags: ["Genuine", "Quality"],
imageSrc:
"http://img.b2bpic.net/free-photo/hvac-engineer-dusting-blower-fan_482257-90845.jpg?_wi=1", imageAlt: "genuine spare parts and professional equipment"},
{
id: "4", title: "Serving Kannur & Surrounding Areas", author: "Wide Coverage", description:
"We proudly serve Kannur, Balapuram, Naduvil, and all surrounding areas. Local presence with professional, city-level service quality.", tags: ["Local", "Coverage"],
imageSrc:
"http://img.b2bpic.net/free-photo/female-mechanic-removing-tool-from-tool-box_1170-1228.jpg", imageAlt: "service coverage in Kannur and surrounding areas"},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
text="Join hundreds of satisfied customers who trust Cool World Refrigeration for their cooling appliance needs. Experience professional service, honest pricing, and guaranteed satisfaction."
animationType="entrance-slide"
buttons={[
{ text: "Call Now: +91 99463 68923", href: "tel:+919946368923" },
{ text: "Message on WhatsApp", href: "https://wa.me/919946368923" },
{ text: "Call Now", href: "tel:+919946368923" },
{ text: "Book Service", href: "/contact" },
]}
background={{ variant: "plain" }}
useInvertedBackground={false}
@@ -131,4 +171,4 @@ export default function WhyUsPage() {
</div>
</ThemeProvider>
);
}
}