Merge version_1 into main #1
467
src/app/page.tsx
467
src/app/page.tsx
@@ -15,343 +15,156 @@ import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCar
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "#why-us",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#reviews",
|
||||
},
|
||||
]}
|
||||
brandName="Elite Services"
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "tel:+1234567890",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Why Us", id: "#why-us" },
|
||||
{ name: "Reviews", id: "#reviews" },
|
||||
]}
|
||||
brandName="Elite Services"
|
||||
button={{ text: "Call Now", href: "tel:+1234567890" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Unmatched Excellence for Your Needs"
|
||||
description="Premium-grade service delivered by trusted experts. Backed by our ironclad warranty and 5-star reputation."
|
||||
kpis={[
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Google Rating",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Warranty Coverage",
|
||||
},
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+1234567890",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/virtual-love-handsome-cute-guy-suit-with-wine-distance-computer-date-holding-wine-glass_140725-162532.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-pregnant-woman-work_23-2149292839.jpg",
|
||||
alt: "Representative 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-desk-concept-with-copy-space_23-2148459721.jpg",
|
||||
alt: "Representative 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cute-girl-works-laptop-hipster-cafe_346278-191.jpg",
|
||||
alt: "Representative 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-with-phone-laptop_23-2148415761.jpg",
|
||||
alt: "Representative 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-with-cup-coffee-cafe_23-2147785361.jpg",
|
||||
alt: "Representative 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ local clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Insured",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Guaranteed",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Reliable",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Support",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "plain" }}
|
||||
title="Unmatched Excellence for Your Needs"
|
||||
description="Premium-grade service delivered by trusted experts. Backed by our ironclad warranty and 5-star reputation."
|
||||
kpis={[
|
||||
{ value: "4.9", label: "Google Rating" },
|
||||
{ value: "100%", label: "Warranty Coverage" },
|
||||
{ value: "15+", label: "Years Experience" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{ text: "Book Consultation", href: "#contact" },
|
||||
{ text: "Call Now", href: "tel:+1234567890" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/virtual-love-handsome-cute-guy-suit-with-wine-distance-computer-date-holding-wine-glass_140725-162532.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-pregnant-woman-work_23-2149292839.jpg", alt: "Representative 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/top-view-desk-concept-with-copy-space_23-2148459721.jpg", alt: "Representative 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cute-girl-works-laptop-hipster-cafe_346278-191.jpg", alt: "Representative 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiley-woman-with-phone-laptop_23-2148415761.jpg", alt: "Representative 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-with-cup-coffee-cafe_23-2147785361.jpg", alt: "Representative 5" },
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ local clients"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Licensed" },
|
||||
{ type: "text", text: "Insured" },
|
||||
{ type: "text", text: "Guaranteed" },
|
||||
{ type: "text", text: "Reliable" },
|
||||
{ type: "text", text: "24/7 Support" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Licensed Professional",
|
||||
"Satisfaction Warranty",
|
||||
"Pricing Transparency",
|
||||
"Fully Insured",
|
||||
"24/7 Availability",
|
||||
"Local Experts",
|
||||
"Priority Service",
|
||||
]}
|
||||
title="Licensed & Guaranteed"
|
||||
description="We believe in transparency. That's why we offer fixed pricing, full licensing, and a comprehensive satisfaction warranty."
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={["Licensed Professional", "Satisfaction Warranty", "Pricing Transparency", "Fully Insured", "24/7 Availability", "Local Experts", "Priority Service"]}
|
||||
title="Licensed & Guaranteed"
|
||||
description="We believe in transparency. That's why we offer fixed pricing, full licensing, and a comprehensive satisfaction warranty."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Precision Maintenance",
|
||||
descriptions: [
|
||||
"Expert care for all your systems.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/catering-employee-showing-red-speech-bubble-icon-studio_482257-107127.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "System Diagnostics",
|
||||
descriptions: [
|
||||
"Deep analysis of your equipment.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/some-tools_23-2147773426.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Professional Repairs",
|
||||
descriptions: [
|
||||
"Prompt and reliable fixing services.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-colleagues-laughing-work_23-2149006885.jpg",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
title: "Safety Inspections",
|
||||
descriptions: [
|
||||
"Comprehensive and thorough checks.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/shield-with-checkmark-set_78370-9323.jpg",
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
title: "Routine Optimization",
|
||||
descriptions: [
|
||||
"Keep your assets in peak condition.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teamwork-team-collaboration-connection-gear-organisation_53876-21147.jpg",
|
||||
},
|
||||
{
|
||||
id: "s6",
|
||||
title: "Consultation Services",
|
||||
descriptions: [
|
||||
"Professional advice for your needs.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/supervisor-manager-male-engineer-worker-wears-uniform-working-hand-use-laptop-stock-checking-store-warehouse-shipping-industrial-team-with-safety-uniform-checking-quantity-product-shelf_609648-593.jpg",
|
||||
},
|
||||
]}
|
||||
title="Expert Professional Services"
|
||||
description="We specialize in tailored solutions designed for premium quality and lasting results."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "s1", title: "Precision Maintenance", descriptions: ["Expert care for all your systems."], imageSrc: "http://img.b2bpic.net/free-photo/catering-employee-showing-red-speech-bubble-icon-studio_482257-107127.jpg" },
|
||||
{ id: "s2", title: "System Diagnostics", descriptions: ["Deep analysis of your equipment."], imageSrc: "http://img.b2bpic.net/free-photo/some-tools_23-2147773426.jpg" },
|
||||
{ id: "s3", title: "Professional Repairs", descriptions: ["Prompt and reliable fixing services."], imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-colleagues-laughing-work_23-2149006885.jpg" },
|
||||
{ id: "s4", title: "Safety Inspections", descriptions: ["Comprehensive and thorough checks."], imageSrc: "http://img.b2bpic.net/free-vector/shield-with-checkmark-set_78370-9323.jpg" },
|
||||
{ id: "s5", title: "Routine Optimization", descriptions: ["Keep your assets in peak condition."], imageSrc: "http://img.b2bpic.net/free-photo/teamwork-team-collaboration-connection-gear-organisation_53876-21147.jpg" },
|
||||
{ id: "s6", title: "Consultation Services", descriptions: ["Professional advice for your needs."], imageSrc: "http://img.b2bpic.net/free-photo/supervisor-manager-male-engineer-worker-wears-uniform-working-hand-use-laptop-stock-checking-store-warehouse-shipping-industrial-team-with-safety-uniform-checking-quantity-product-shelf_609648-593.jpg" },
|
||||
]}
|
||||
title="Expert Professional Services"
|
||||
description="We specialize in tailored solutions designed for premium quality and lasting results."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Built on Trust, Delivered with Precision",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-business-colleagues-using-laptop-computer_171337-756.jpg",
|
||||
alt: "Experts",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="why-us" data-section="why-us">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{ type: "text", content: "Built on Trust, Delivered with Precision" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/happy-young-business-colleagues-using-laptop-computer_171337-756.jpg", alt: "Experts" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
role: "Homeowner",
|
||||
company: "Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-colleagues-job_23-2149308444.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jane Smith",
|
||||
role: "Manager",
|
||||
company: "Retail Store",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesspeople-making-great-decisions_1098-785.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mike Ross",
|
||||
role: "Owner",
|
||||
company: "Tech Firm",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-multiracial-coworkers-working-together-office-meeting-have-discussion_93675-134895.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sarah Lee",
|
||||
role: "Director",
|
||||
company: "Office Bldg",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-multiethnic-business-partners-having-creative-business-team-meeting-modern-office_181624-26572.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David Kim",
|
||||
role: "Tenant",
|
||||
company: "Apartment",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-working-office_329181-16293.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Real feedback from our satisfied clients."
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "John Doe", role: "Homeowner", company: "Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-colleagues-job_23-2149308444.jpg" },
|
||||
{ id: "t2", name: "Jane Smith", role: "Manager", company: "Retail Store", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businesspeople-making-great-decisions_1098-785.jpg" },
|
||||
{ id: "t3", name: "Mike Ross", role: "Owner", company: "Tech Firm", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-multiracial-coworkers-working-together-office-meeting-have-discussion_93675-134895.jpg" },
|
||||
{ id: "t4", name: "Sarah Lee", role: "Director", company: "Office Bldg", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/group-multiethnic-business-partners-having-creative-business-team-meeting-modern-office_181624-26572.jpg" },
|
||||
{ id: "t5", name: "David Kim", role: "Tenant", company: "Apartment", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-working-office_329181-16293.jpg" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Real feedback from our satisfied clients."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer warranty?",
|
||||
content: "Yes, we provide a full satisfaction warranty on all completed services.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are you licensed?",
|
||||
content: "Yes, we are fully licensed, insured, and bonded.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What are your hours?",
|
||||
content: "We are available 24/7 for urgent matters and regular business hours.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers to your concerns."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Do you offer warranty?", content: "Yes, we provide a full satisfaction warranty on all completed services." },
|
||||
{ id: "q2", title: "Are you licensed?", content: "Yes, we are fully licensed, insured, and bonded." },
|
||||
{ id: "q3", title: "What are your hours?", content: "We are available 24/7 for urgent matters and regular business hours." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers to your concerns."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Need professional assistance today? Click to call us now."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: (555) 123-4567",
|
||||
href: "tel:+15551234567",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Need professional assistance today? Click to call us now."
|
||||
buttons={[{ text: "Call Now: (555) 123-4567", href: "tel:+15551234567" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-16010.jpg"
|
||||
logoText="Elite Services"
|
||||
columns={[
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "123 Business Ln, City, ST",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "(555) 123-4567",
|
||||
href: "tel:+15551234567",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-16010.jpg"
|
||||
logoText="Elite Services"
|
||||
columns={[
|
||||
{ title: "Contact", items: [{ label: "123 Business Ln, City, ST", href: "#" }, { label: "(555) 123-4567", href: "tel:+15551234567" }] },
|
||||
{ title: "Company", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user