Merge version_1 into main #1
367
src/app/page.tsx
367
src/app/page.tsx
@@ -13,252 +13,143 @@ import TestimonialCardTwelve from '@/components/sections/testimonial/Testimonial
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "#why-choose-us",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Made by TS"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Why Us", id: "#why-choose-us" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Made by TS"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Premium Local Service You Can Trust"
|
||||
description="Professional, reliable, and built to last. Made by TS delivers high-end results for discerning homeowners in your local area."
|
||||
kpis={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Projects Completed",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Licensed & Insured",
|
||||
},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5550100",
|
||||
},
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tie-girl-brunette-phone-computer_1157-3869.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businesswomen-meeting-stairs-finance-corporate-company-analyse-graphs-standing-stairscase-group-professional-successful-businesspeople-working-modern-financial-building_482257-13818.jpg",
|
||||
alt: "Businesswomen meeting",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-sitting-alone-stairs-typing-smartphone-finance-corporate-company-working-overtime-group-professional-successful-businesspeople-working-modern-financial-building_482257-13821.jpg",
|
||||
alt: "Businessman sitting alone",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-woman-looking-out-window_23-2149622868.jpg",
|
||||
alt: "Side view woman looking out window",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/barman-serving-cocktail_23-2147821297.jpg",
|
||||
alt: "Barman serving cocktail",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-designer-holding-his-glasses_1098-1253.jpg",
|
||||
alt: "Close-up of designer",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ satisfied local clients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "15+ Years Experience",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Focused",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Quality",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Reliable Results",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Premium Local Service You Can Trust"
|
||||
description="Professional, reliable, and built to last. Made by TS delivers high-end results for discerning homeowners in your local area."
|
||||
kpis={[
|
||||
{ value: "15+", label: "Years Experience" },
|
||||
{ value: "500+", label: "Projects Completed" },
|
||||
{ value: "100%", label: "Licensed & Insured" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{ text: "Call Now", href: "tel:5550100" },
|
||||
{ text: "Get a Free Quote", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tie-girl-brunette-phone-computer_1157-3869.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/businesswomen-meeting-stairs-finance-corporate-company-analyse-graphs-standing-stairscase-group-professional-successful-businesspeople-working-modern-financial-building_482257-13818.jpg", alt: "Businesswomen meeting" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/businessman-sitting-alone-stairs-typing-smartphone-finance-corporate-company-working-overtime-group-professional-successful-businesspeople-working-modern-financial-building_482257-13821.jpg", alt: "Businessman sitting alone" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-woman-looking-out-window_23-2149622868.jpg", alt: "Side view woman looking out window" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/barman-serving-cocktail_23-2147821297.jpg", alt: "Barman serving cocktail" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-designer-holding-his-glasses_1098-1253.jpg", alt: "Close-up of designer" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ satisfied local clients"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Licensed & Insured" },
|
||||
{ type: "text", text: "15+ Years Experience" },
|
||||
{ type: "text", text: "Precision Focused" },
|
||||
{ type: "text", text: "Premium Quality" },
|
||||
{ type: "text", text: "Reliable Results" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-actions"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Expert Consultation",
|
||||
description: "Professional assessment tailored to your unique requirements.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exploring-new-ways-growth-business_329181-15255.jpg",
|
||||
imageAlt: "Expert Assessment",
|
||||
},
|
||||
{
|
||||
title: "Precision Execution",
|
||||
description: "High-end craftsmanship ensuring top-tier service standards.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/you-can-trust-us-polygraph-examiner-works-office-with-his-lie-detector-s-equipment_146671-17302.jpg",
|
||||
imageAlt: "Precision Execution",
|
||||
},
|
||||
{
|
||||
title: "Quality Completion",
|
||||
description: "Final inspection for flawless results that stand the test of time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-metal-wrenches-table_23-2148180543.jpg",
|
||||
imageAlt: "Quality Finish",
|
||||
},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="We specialize in precision-driven solutions designed for long-term reliability and premium finish."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-actions"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
title="Our Professional Services"
|
||||
description="We specialize in precision-driven solutions designed for long-term reliability and premium finish."
|
||||
features={[
|
||||
{ title: "Expert Consultation", description: "Professional assessment tailored to your unique requirements.", imageSrc: "http://img.b2bpic.net/free-photo/exploring-new-ways-growth-business_329181-15255.jpg", imageAlt: "Expert Assessment" },
|
||||
{ title: "Precision Execution", description: "High-end craftsmanship ensuring top-tier service standards.", imageSrc: "http://img.b2bpic.net/free-photo/you-can-trust-us-polygraph-examiner-works-office-with-his-lie-detector-s-equipment_146671-17302.jpg", imageAlt: "Precision Execution" },
|
||||
{ title: "Quality Completion", description: "Final inspection for flawless results that stand the test of time.", imageSrc: "http://img.b2bpic.net/free-photo/various-metal-wrenches-table_23-2148180543.jpg", imageAlt: "Quality Finish" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-choose-us" data-section="why-choose-us">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Made by TS"
|
||||
description="We prioritize professionalism, transparent timelines, and craftsmanship. Our focus is on providing an expensive, high-quality experience without the fluff."
|
||||
metrics={[
|
||||
{
|
||||
value: "98%",
|
||||
title: "Client Satisfaction",
|
||||
},
|
||||
{
|
||||
value: "24h",
|
||||
title: "Response Time",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mid-adult-inspector-analyzing-data-while-using-computer-auto-repair-shop_637285-7566.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="blur-reveal"
|
||||
imageAlt="Expert technical service performance"
|
||||
/>
|
||||
</div>
|
||||
<div id="why-choose-us" data-section="why-choose-us">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Made by TS"
|
||||
description="We prioritize professionalism, transparent timelines, and craftsmanship. Our focus is on providing an expensive, high-quality experience without the fluff."
|
||||
metrics={[
|
||||
{ value: "98%", title: "Client Satisfaction" },
|
||||
{ value: "24h", title: "Response Time" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mid-adult-inspector-analyzing-data-while-using-computer-auto-repair-shop_637285-7566.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="blur-reveal"
|
||||
imageAlt="Expert technical service performance"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-banner-concept-with-copy-space_23-2149601451.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Thorne",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/proposal-restaurant_1098-12875.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-businesspeople-showing-thumb-up-sign-office_23-2147923403.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marcus Reid",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-practicing-social-integration-workspace_23-2149405354.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena Vance",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-suit-smiling-camera_23-2148317358.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="Client Feedback"
|
||||
cardTag="Trusted by Local Residents"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
cardTitle="Client Feedback"
|
||||
cardTag="Trusted by Local Residents"
|
||||
cardAnimation="slide-up"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/business-man-banner-concept-with-copy-space_23-2149601451.jpg" },
|
||||
{ id: "2", name: "David Thorne", imageSrc: "http://img.b2bpic.net/free-photo/proposal-restaurant_1098-12875.jpg" },
|
||||
{ id: "3", name: "Emily Chen", imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-businesspeople-showing-thumb-up-sign-office_23-2147923403.jpg" },
|
||||
{ id: "4", name: "Marcus Reid", imageSrc: "http://img.b2bpic.net/free-photo/people-practicing-social-integration-workspace_23-2149405354.jpg" },
|
||||
{ id: "5", name: "Elena Vance", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-suit-smiling-camera_23-2148317358.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get in Touch"
|
||||
title="Request a Free Quote"
|
||||
description="Tell us about your project. Our team will get back to you shortly."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in Touch"
|
||||
title="Request a Free Quote"
|
||||
description="Tell us about your project. Our team will get back to you shortly."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Made by TS"
|
||||
columns={[
|
||||
{
|
||||
title: "Service",
|
||||
items: [
|
||||
{
|
||||
label: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Our Process",
|
||||
href: "#why-choose-us",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Made by TS. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Made by TS"
|
||||
columns={[
|
||||
{
|
||||
title: "Service", items: [
|
||||
{ label: "Get a Quote", href: "#contact" },
|
||||
{ label: "Our Process", href: "#why-choose-us" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Made by TS. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user