Merge version_1 into main #2
383
src/app/page.tsx
383
src/app/page.tsx
@@ -17,268 +17,143 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
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">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Pal Plumbing"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Pal Plumbing"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Master Plumbing, One Flashcard at a Time"
|
||||
description="Elevate your plumbing expertise with Pal Plumbing's interactive educational platform. Learn terminology, service standards, and troubleshooting techniques used by top industry professionals."
|
||||
kpis={[
|
||||
{
|
||||
value: "245+",
|
||||
label: "Customer Reviews",
|
||||
},
|
||||
{
|
||||
value: "4.8/5",
|
||||
label: "Service Rating",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Professional Support",
|
||||
},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/smart-home-management_23-2148629240.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-male-engineer-with-copy-space_23-2148453437.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pleased-caucasian-adult-builder-man-uniform-holds-hands-together-looks-up-orange_141793-69273.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-male-builder-wearing-uniform-isolated-purple-wall_141793-122523.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-holding-hands-two-dark-pans_114579-30642.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-solar-panel-manufacturing-facility-presents-green-energy-production_482257-119910.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join over 5,000 plumbing professionals"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Master Terminology",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Troubleshoot Fast",
|
||||
icon: Wrench,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Industry Standards",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Expert Guidance",
|
||||
icon: BookOpen,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Access",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Master Plumbing, One Flashcard at a Time"
|
||||
description="Elevate your plumbing expertise with Pal Plumbing's interactive educational platform. Learn terminology, service standards, and troubleshooting techniques used by top industry professionals."
|
||||
kpis={[
|
||||
{ value: "245+", label: "Customer Reviews" },
|
||||
{ value: "4.8/5", label: "Service Rating" },
|
||||
{ value: "24/7", label: "Professional Support" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/smart-home-management_23-2148629240.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiley-male-engineer-with-copy-space_23-2148453437.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pleased-caucasian-adult-builder-man-uniform-holds-hands-together-looks-up-orange_141793-69273.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-male-builder-wearing-uniform-isolated-purple-wall_141793-122523.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-man-holding-hands-two-dark-pans_114579-30642.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-solar-panel-manufacturing-facility-presents-green-energy-production_482257-119910.jpg", alt: "User 5" }
|
||||
]}
|
||||
avatarText="Join over 5,000 plumbing professionals"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Master Terminology" },
|
||||
{ type: "text-icon", text: "Troubleshoot Fast", icon: Wrench },
|
||||
{ type: "text", text: "Industry Standards" },
|
||||
{ type: "text-icon", text: "Expert Guidance", icon: BookOpen },
|
||||
{ type: "text", text: "24/7 Access" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Terminology Library",
|
||||
description: "Master essential plumbing vocabulary and industry-standard terminology used in everyday operations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-131721.jpg",
|
||||
imageAlt: "Terminology Library",
|
||||
},
|
||||
{
|
||||
title: "Interactive Flashcards",
|
||||
description: "Practice service scenarios and troubleshooting steps with our dynamic, interactive flashcard engine.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-uniform-digital-tablet-wooden-background-flat-lay_169016-24014.jpg",
|
||||
imageAlt: "Interactive Flashcards",
|
||||
},
|
||||
{
|
||||
title: "Expert Service Guides",
|
||||
description: "Access step-by-step guides developed by industry veterans to handle complex plumbing repairs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990703.jpg?_wi=1",
|
||||
imageAlt: "Expert Service Guides",
|
||||
},
|
||||
]}
|
||||
title="Learning Features"
|
||||
description="Powerful tools to help you master your craft and provide professional service."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Terminology Library", description: "Master essential plumbing vocabulary and industry-standard terminology used in everyday operations.", imageSrc: "http://img.b2bpic.net/free-photo/tools-materials-sanitary-works_93675-131721.jpg", imageAlt: "Terminology Library" },
|
||||
{ title: "Interactive Flashcards", description: "Practice service scenarios and troubleshooting steps with our dynamic, interactive flashcard engine.", imageSrc: "http://img.b2bpic.net/free-photo/builder-uniform-digital-tablet-wooden-background-flat-lay_169016-24014.jpg", imageAlt: "Interactive Flashcards" },
|
||||
{ title: "Expert Service Guides", description: "Access step-by-step guides developed by industry veterans to handle complex plumbing repairs.", imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990703.jpg", imageAlt: "Expert Service Guides" }
|
||||
]}
|
||||
title="Learning Features"
|
||||
description="Powerful tools to help you master your craft and provide professional service."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Rishabh Sharda",
|
||||
handle: "@rishabh",
|
||||
testimonial: "Fast and very professional work. Handled my washing machine inlet pipe with care and perfection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-male-engineer-with-copy-space_23-2148453437.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Anita M.",
|
||||
handle: "@anita",
|
||||
testimonial: "Excellent service and committed to the timing. Really appreciate the transparency in pricing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-caucasian-adult-builder-man-uniform-holds-hands-together-looks-up-orange_141793-69273.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Vikram K.",
|
||||
handle: "@vikram",
|
||||
testimonial: "The knowledge these guys have is incredible. Their flashcards simplified complex piping issues for me.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-builder-wearing-uniform-isolated-purple-wall_141793-122523.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sunita P.",
|
||||
handle: "@sunita",
|
||||
testimonial: "I love how they provide options to save money without compromising on the service quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-hands-two-dark-pans_114579-30642.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Rahul B.",
|
||||
handle: "@rahul",
|
||||
testimonial: "Committed professionals. Their service standard is exactly what I aim to reach in my plumbing career.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panel-manufacturing-facility-presents-green-energy-production_482257-119910.jpg",
|
||||
},
|
||||
]}
|
||||
title="Voices of Success"
|
||||
description="See how professional plumbers are learning and growing with Pal Plumbing's guidance."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Rishabh Sharda", handle: "@rishabh", testimonial: "Fast and very professional work. Handled my washing machine inlet pipe with care and perfection.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-male-engineer-with-copy-space_23-2148453437.jpg" },
|
||||
{ id: "2", name: "Anita M.", handle: "@anita", testimonial: "Excellent service and committed to the timing. Really appreciate the transparency in pricing.", imageSrc: "http://img.b2bpic.net/free-photo/pleased-caucasian-adult-builder-man-uniform-holds-hands-together-looks-up-orange_141793-69273.jpg" },
|
||||
{ id: "3", name: "Vikram K.", handle: "@vikram", testimonial: "The knowledge these guys have is incredible. Their flashcards simplified complex piping issues for me.", imageSrc: "http://img.b2bpic.net/free-photo/young-male-builder-wearing-uniform-isolated-purple-wall_141793-122523.jpg" },
|
||||
{ id: "4", name: "Sunita P.", handle: "@sunita", testimonial: "I love how they provide options to save money without compromising on the service quality.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-hands-two-dark-pans_114579-30642.jpg" },
|
||||
{ id: "5", name: "Rahul B.", handle: "@rahul", testimonial: "Committed professionals. Their service standard is exactly what I aim to reach in my plumbing career.", imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panel-manufacturing-facility-presents-green-energy-production_482257-119910.jpg" }
|
||||
]}
|
||||
title="Voices of Success"
|
||||
description="See how professional plumbers are learning and growing with Pal Plumbing's guidance."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about Pal Plumbing's training platform."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990703.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What is the flashcard app?",
|
||||
content: "It is an interactive platform designed to help plumbers learn technical terminology and troubleshooting methods.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Who is this for?",
|
||||
content: "For apprentices, certified technicians, and anyone looking to hone their plumbing skills.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is it free to start?",
|
||||
content: "We offer a trial version with limited flashcards to get you started.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about Pal Plumbing's training platform."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990703.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "1", title: "What is the flashcard app?", content: "It is an interactive platform designed to help plumbers learn technical terminology and troubleshooting methods." },
|
||||
{ id: "2", title: "Who is this for?", content: "For apprentices, certified technicians, and anyone looking to hone their plumbing skills." },
|
||||
{ id: "3", title: "Is it free to start?", content: "We offer a trial version with limited flashcards to get you started." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Join Us"
|
||||
title="Get Started with Pal Plumbing"
|
||||
description="Join our network of professional plumbers and learners today. Sign up for access to our exclusive learning materials."
|
||||
imageSrc="http://img.b2bpic.net/free-vector/smart-home-management_23-2148629240.jpg?_wi=2"
|
||||
mediaPosition="left"
|
||||
inputPlaceholder="Enter your professional email"
|
||||
buttonText="Join Now"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Join Us"
|
||||
title="Get Started with Pal Plumbing"
|
||||
description="Join our network of professional plumbers and learners today. Sign up for access to our exclusive learning materials."
|
||||
imageSrc="http://img.b2bpic.net/free-vector/smart-home-management_23-2148629240.jpg"
|
||||
mediaPosition="left"
|
||||
inputPlaceholder="Enter your professional email"
|
||||
buttonText="Join Now"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Pal Plumbing Services"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Services", href: "#" },
|
||||
{ label: "Pricing", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Contact", href: "#" },
|
||||
{ label: "Help Center", href: "#" },
|
||||
{ label: "Terms of Use", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="Pal Plumbing Services"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user