Merge version_1 into main #1
218
src/app/page.tsx
218
src/app/page.tsx
@@ -11,7 +11,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Calendar, Star, User } from "lucide-react";
|
||||
import { Calendar, Star, User, Zap, BadgeCheck, Award, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -19,31 +19,28 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
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: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="LocalBiz"
|
||||
/>
|
||||
@@ -52,42 +49,21 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Quality Local Services You Can Trust"
|
||||
description="We are dedicated to providing excellent service to our community with a personal touch and professional results. Experience the difference today."
|
||||
tag="Expert Local Service"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-store-employee-suggesting-trendy-items-client-wheelchair-user_482257-109880.jpg",
|
||||
imageAlt: "local shop exterior storefront",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/asian-store-employee-suggesting-trendy-items-client-wheelchair-user_482257-109880.jpg", imageAlt: "local shop exterior storefront"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-eating-breakfast-working-laptop-concentrated-business-woman-morning-multitasking-kitchen-before-going-office-stressful-way-life-career-goals-mee_482257-14222.jpg",
|
||||
imageAlt: "local service team group photo",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-shopping-store-with-casual-formal-wear-design-retail-shop-with-fashionable-clothes-hangers-racks-modern-boutique-clothing-center-fashion-merchandise-sale_482257-63117.jpg",
|
||||
imageAlt: "Empty shopping store with casual and formal wear design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elements-fashion-designing-studio_23-2150407869.jpg",
|
||||
imageAlt: "Elements for fashion designing in the studio",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862154.jpg",
|
||||
imageAlt: "Futuristic store with abstract concept and architecture",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-eating-breakfast-working-laptop-concentrated-business-woman-morning-multitasking-kitchen-before-going-office-stressful-way-life-career-goals-mee_482257-14222.jpg", imageAlt: "local service team group photo"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -104,17 +80,11 @@ export default function LandingPage() {
|
||||
tag="Our Story"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Local Roots",
|
||||
description: "Serving the area for over a decade.",
|
||||
},
|
||||
title: "Local Roots", description: "Serving the area for over a decade."},
|
||||
{
|
||||
title: "Expert Team",
|
||||
description: "Highly trained and professional staff.",
|
||||
},
|
||||
title: "Expert Team", description: "Highly trained and professional staff."},
|
||||
{
|
||||
title: "Guaranteed Satisfaction",
|
||||
description: "Your happiness is our priority.",
|
||||
},
|
||||
title: "Guaranteed Satisfaction", description: "Your happiness is our priority."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-sitting-table-full-shot_23-2149726813.jpg"
|
||||
imageAlt="about us team working together"
|
||||
@@ -128,29 +98,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fast Turnaround",
|
||||
description: "We respect your time and provide quick results.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-relaxing-with-diary_23-2150522430.jpg",
|
||||
},
|
||||
title: "Fast Turnaround", description: "We respect your time and provide quick results.", buttonIcon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-relaxing-with-diary_23-2150522430.jpg"},
|
||||
{
|
||||
title: "Competitive Rates",
|
||||
description: "Quality service that fits your budget.",
|
||||
buttonIcon: "BadgeCheck",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/support-contact-call-center-icons-set_1284-4347.jpg",
|
||||
},
|
||||
title: "Competitive Rates", description: "Quality service that fits your budget.", buttonIcon: BadgeCheck,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/support-contact-call-center-icons-set_1284-4347.jpg"},
|
||||
{
|
||||
title: "Top-Tier Materials",
|
||||
description: "Only the best for our valued customers.",
|
||||
buttonIcon: "Award",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/modern-productivity-concept-with-flat-design_23-2147962585.jpg",
|
||||
},
|
||||
title: "Top-Tier Materials", description: "Only the best for our valued customers.", buttonIcon: Award,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/modern-productivity-concept-with-flat-design_23-2147962585.jpg"},
|
||||
{
|
||||
title: "Friendly Support",
|
||||
description: "Always here to answer your questions.",
|
||||
buttonIcon: "Users",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/review-evaluation-satisfaction-customer-service-feedback-sign-icon_53876-123854.jpg",
|
||||
},
|
||||
title: "Friendly Support", description: "Always here to answer your questions.", buttonIcon: Users,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/review-evaluation-satisfaction-customer-service-feedback-sign-icon_53876-123854.jpg"},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="We offer comprehensive services tailored to meet your unique needs with excellence and reliability."
|
||||
@@ -166,25 +124,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10+",
|
||||
title: "Years Experience",
|
||||
description: "Dedicated service history.",
|
||||
icon: Calendar,
|
||||
id: "m1", value: "10+", title: "Years Experience", description: "Dedicated service history.", icon: Calendar,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Happy Clients",
|
||||
description: "Locals we have helped.",
|
||||
icon: User,
|
||||
id: "m2", value: "500+", title: "Happy Clients", description: "Locals we have helped.", icon: User,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
title: "Satisfied Rate",
|
||||
description: "Consistently high quality.",
|
||||
icon: Star,
|
||||
id: "m3", value: "99%", title: "Satisfied Rate", description: "Consistently high quality.", icon: Star,
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
@@ -200,59 +146,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Smith",
|
||||
role: "Resident",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-talking-his-girlfriend-lunch-time-restaurant_637285-1937.jpg",
|
||||
},
|
||||
id: "1", name: "Alice Smith", role: "Resident", company: "Local Community", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-talking-his-girlfriend-lunch-time-restaurant_637285-1937.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob Jones",
|
||||
role: "Business Owner",
|
||||
company: "City Center",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-2171.jpg",
|
||||
},
|
||||
id: "2", name: "Bob Jones", role: "Business Owner", company: "City Center", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-dealer-happy-expression_1194-2171.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Charlie Brown",
|
||||
role: "Teacher",
|
||||
company: "Local School",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-checking-phone_1098-18391.jpg",
|
||||
},
|
||||
id: "3", name: "Charlie Brown", role: "Teacher", company: "Local School", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-checking-phone_1098-18391.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Diana Ross",
|
||||
role: "Doctor",
|
||||
company: "City Hospital",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk-posing_74855-9949.jpg",
|
||||
},
|
||||
id: "4", name: "Diana Ross", role: "Doctor", company: "City Hospital", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk-posing_74855-9949.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Edward Norton",
|
||||
role: "Artist",
|
||||
company: "Local Gallery",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg",
|
||||
},
|
||||
id: "5", name: "Edward Norton", role: "Artist", company: "Local Gallery", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Google Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Google Rating"},
|
||||
{
|
||||
value: "95%",
|
||||
label: "Retention Rate",
|
||||
},
|
||||
value: "95%", label: "Retention Rate"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Online Access",
|
||||
},
|
||||
value: "24/7", label: "Online Access"},
|
||||
]}
|
||||
title="Client Reviews"
|
||||
description="See what our neighbors have to say about their experience with us."
|
||||
@@ -266,20 +181,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long have you been in business?",
|
||||
content: "We have been proudly serving the community for over 10 years.",
|
||||
},
|
||||
id: "f1", title: "How long have you been in business?", content: "We have been proudly serving the community for over 10 years."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What are your service hours?",
|
||||
content: "Our team is available Monday through Friday from 8am to 6pm.",
|
||||
},
|
||||
id: "f2", title: "What are your service hours?", content: "Our team is available Monday through Friday from 8am to 6pm."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer quotes?",
|
||||
content: "Yes, all consultations and quotes are free and no-obligation.",
|
||||
},
|
||||
id: "f3", title: "Do you offer quotes?", content: "Yes, all consultations and quotes are free and no-obligation."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Got questions? We have answers. Check out our most commonly asked questions below."
|
||||
@@ -292,15 +198,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Let's Talk"
|
||||
title="Ready to Get Started?"
|
||||
description="Reach out today and let us help you with your next project. We're always here to help."
|
||||
buttons={[
|
||||
{
|
||||
text: "Send Message",
|
||||
},
|
||||
text: "Send Message"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -309,29 +213,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "General Repairs",
|
||||
href: "#",
|
||||
},
|
||||
label: "General Repairs", href: "#"},
|
||||
{
|
||||
label: "Consulting",
|
||||
href: "#",
|
||||
},
|
||||
label: "Consulting", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user