250 lines
9.8 KiB
TypeScript
250 lines
9.8 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import { CheckCircle } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="large"
|
|
background="blurBottom"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Services", id: "services"},
|
|
{
|
|
name: "Reviews", id: "testimonials"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="Local Business"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
title="Quality Services in Kannamangalam"
|
|
description="Providing reliable, professional services to our community. We are committed to excellence and customer satisfaction."
|
|
buttons={[
|
|
{
|
|
text: "Contact Us", href: "#contact"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/women-getting-display-window-japanese-hairdressers-ready_23-2149395754.jpg"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/long-shot-man-walking-outside-with-medical-mask_23-2148693043.jpg", alt: "Team member 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/china-stairs-stone-tiles-old-water_1417-577.jpg", alt: "Team member 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/downtown-restaurant-shopfront_53876-75135.jpg", alt: "Team member 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/front-view-vintage-shop-window_141667-3.jpg", alt: "Team member 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/friendly-colleagues_1098-13109.jpg", alt: "Team member 5"},
|
|
]}
|
|
avatarText="Trusted by 500+ happy residents"
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "Reliable Service"},
|
|
{
|
|
type: "text", text: "Professional Standards"},
|
|
{
|
|
type: "text", text: "Customer Satisfaction"},
|
|
{
|
|
type: "text", text: "Fast Turnaround"},
|
|
{
|
|
type: "text", text: "Expert Support"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={false}
|
|
title="About Our Business"
|
|
buttons={[
|
|
{
|
|
text: "Learn More", href: "#"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTen
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Service One", description: "High-quality professional assistance.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-vector/summer-sales-badges_1057-799.jpg", imageAlt: "quality service icon modern"
|
|
},
|
|
items: [
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Reliable"},
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Professional"},
|
|
],
|
|
reverse: false,
|
|
},
|
|
{
|
|
title: "Service Two", description: "Tailored solutions for your business.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-call-center-onboarding-specialist-training-new-recruit_482257-117890.jpg", imageAlt: "quality service icon modern"
|
|
},
|
|
items: [
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Expert"},
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Efficient"},
|
|
],
|
|
reverse: true,
|
|
},
|
|
{
|
|
title: "Service Three", description: "Customer-focused results.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367127.jpg", imageAlt: "quality service icon modern"
|
|
},
|
|
items: [
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Trusted"},
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Prompt"},
|
|
],
|
|
reverse: false,
|
|
},
|
|
]}
|
|
title="Our Expert Services"
|
|
description="We offer a wide range of professional services tailored to meet your needs."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardEleven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "10+", title: "Years Experience", description: "Trusted by locals.", imageSrc: "http://img.b2bpic.net/free-photo/illustration-application-user-feedback-response_53876-125143.jpg"},
|
|
{
|
|
id: "m2", value: "500+", title: "Satisfied Clients", description: "Quality results.", imageSrc: "http://img.b2bpic.net/free-photo/new-year-s-resolutions-still-life_23-2149894168.jpg"},
|
|
{
|
|
id: "m3", value: "4.3", title: "Rating", description: "Customer satisfaction.", imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-concept_23-2148761040.jpg"},
|
|
]}
|
|
title="Business Success"
|
|
description="Proven track record of service excellence."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", role: "Local Resident", testimonial: "Excellent service and very helpful staff.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-with-thumbs-up_23-2149008927.jpg"},
|
|
{
|
|
id: "2", name: "Michael Chen", role: "Client", testimonial: "Highly recommended, prompt and professional.", imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-with-white-t-shirt_273609-5812.jpg"},
|
|
{
|
|
id: "3", name: "Emily Rodriguez", role: "Local Business", testimonial: "They always get the job done right.", imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-with-name-card-funny-expression_1194-3263.jpg"},
|
|
{
|
|
id: "4", name: "David Kim", role: "Client", testimonial: "Friendly team, reliable work every time.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-cozy-office_23-2149739353.jpg"},
|
|
{
|
|
id: "5", name: "Anita Nair", role: "Resident", testimonial: "Truly value their commitment to quality.", imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg"},
|
|
]}
|
|
title="Customer Reviews"
|
|
description="See what our happy clients have to say about us."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "What are your business hours?", content: "We are open daily until 9 PM."},
|
|
{
|
|
id: "q2", title: "How can I contact you?", content: "You can reach us at 9447216643."},
|
|
{
|
|
id: "q3", title: "Where are you located?", content: "We are located in Kannamangalam, Kerala."},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Get quick answers to common questions about our services."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
tag="Contact Us"
|
|
title="Get In Touch"
|
|
description="Have questions? Reach out to us at 9447216643. We are here to help."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Navigation", items: [
|
|
{
|
|
label: "About", href: "#about"},
|
|
{
|
|
label: "Services", href: "#services"},
|
|
{
|
|
label: "Contact", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{
|
|
label: "FAQ", href: "#faq"},
|
|
{
|
|
label: "Reviews", href: "#testimonials"},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2024 Kannamangalam Business. All rights reserved."
|
|
bottomRightText="Privacy Policy | Terms"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |