Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
436
src/app/page.tsx
436
src/app/page.tsx
@@ -17,314 +17,138 @@ import { Award, Clock, Shield, TrendingUp, Users, Zap } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
defaultButtonVariant="directional-hover"
|
||||
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">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Hanlay & Co"
|
||||
button={{
|
||||
text: "Inquiry",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
logoText="Hanlay & Company"
|
||||
description="Trusted Business Solutions for Growing Companies. Hanlay & Company delivers reliable services with proven expertise. Partner with us for sustainable growth and measurable results."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Our Services",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/conference-training-room-with-video_1385-2127.jpg?_wi=1"
|
||||
imageAlt="Hanlay & Company Corporate Office"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "15+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Clients Served",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
label: "Projects Delivered",
|
||||
value: "1,200",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={false}
|
||||
title="Corporate Solutions"
|
||||
description="We specialize in providing high-impact business solutions tailored to your unique requirements."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Strategic Consulting",
|
||||
content: "Comprehensive business analysis and roadmap development.",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Operational Efficiency",
|
||||
content: "Process optimization to reduce overhead and improve output.",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Market Expansion",
|
||||
content: "Scale your business reach with our data-driven strategies.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-african-american-male-manager-shaking-hand-partner_1262-20184.jpg?_wi=1"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Shield,
|
||||
title: "Data Security",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Clock,
|
||||
title: "Response Time",
|
||||
value: "<2h",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Zap,
|
||||
title: "Efficiency Gain",
|
||||
value: "45%",
|
||||
},
|
||||
]}
|
||||
title="Performance at a Glance"
|
||||
description="Measuring success through tangible results and consistent performance."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
date: "2023-10-12",
|
||||
title: "Procurement Manager",
|
||||
quote: "Hanlay & Company provided the stability our firm needed for rapid growth.",
|
||||
tag: "Corporate",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/woman-coat-outside-th-street_1303-11079.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/conference-training-room-with-video_1385-2127.jpg?_wi=2",
|
||||
imageAlt: "business executive headshot",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
date: "2023-11-05",
|
||||
title: "CTO",
|
||||
quote: "Reliable experts with deep industry insight. Highly recommended.",
|
||||
tag: "Tech",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3796.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-male-manager-shaking-hand-partner_1262-20184.jpg?_wi=2",
|
||||
imageAlt: "business executive headshot",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rodriguez",
|
||||
date: "2023-12-01",
|
||||
title: "Operations Director",
|
||||
quote: "Transparent and measurable results. Exactly what we were looking for.",
|
||||
tag: "Logistics",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-female-business-executive-with-arms-crossed_1170-1133.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg",
|
||||
imageAlt: "business executive headshot",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
date: "2024-01-15",
|
||||
title: "Financial Controller",
|
||||
quote: "The team helped us streamline our operations efficiently and quickly.",
|
||||
tag: "Finance",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-4617.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/phoenix-with-burning-wings-feathers-generative-ai_8829-2886.jpg",
|
||||
imageAlt: "business executive headshot",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Susan Lee",
|
||||
date: "2024-02-20",
|
||||
title: "Founder",
|
||||
quote: "Consistent performance and high professionalism.",
|
||||
tag: "Retail",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q809lq",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-blank-feather-flags-advertising-display_187299-47626.jpg",
|
||||
imageAlt: "business executive headshot",
|
||||
},
|
||||
]}
|
||||
title="Client Success"
|
||||
description="Trusted by leaders across various industries."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Global Tech",
|
||||
"InnovateCorp",
|
||||
"Bright Ventures",
|
||||
"Streamline Logistics",
|
||||
"Nexus Solutions",
|
||||
"Peak Performance",
|
||||
"Apex Finance",
|
||||
]}
|
||||
title="Our Partners"
|
||||
description="Collaborating with industry-leading organizations."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I verify company credentials?",
|
||||
content: "You can contact our verification department directly for certified documents.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What are your service offerings?",
|
||||
content: "We offer strategic consulting, process optimization, and market scaling services.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you work with global partners?",
|
||||
content: "Yes, we support businesses across multiple geographic markets.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
sideDescription="We've compiled answers to the most common queries about our service processes."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
text="Ready to discuss your business needs? Contact our team today for a consultation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Consulting",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Ops Optimization",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Hanlay & Company PVT Limited"
|
||||
bottomRightText="All Rights Reserved"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Hanlay & Co"
|
||||
button={{ text: "Inquiry", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="Hanlay & Company"
|
||||
description="Trusted Business Solutions for Growing Companies. Hanlay & Company delivers reliable services with proven expertise. Partner with us for sustainable growth and measurable results."
|
||||
buttons={[{ text: "Explore Our Services", href: "#features" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/conference-training-room-with-video_1385-2127.jpg"
|
||||
imageAlt="Hanlay & Company Corporate Office"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Our Impact"
|
||||
metrics={[
|
||||
{ icon: Award, label: "Years Experience", value: "15+" },
|
||||
{ icon: Users, label: "Clients Served", value: "500+" },
|
||||
{ icon: TrendingUp, label: "Projects Delivered", value: "1,200" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={false}
|
||||
title="Corporate Solutions"
|
||||
description="We specialize in providing high-impact business solutions tailored to your unique requirements."
|
||||
accordionItems={[
|
||||
{ id: "s1", title: "Strategic Consulting", content: "Comprehensive business analysis and roadmap development." },
|
||||
{ id: "s2", title: "Operational Efficiency", content: "Process optimization to reduce overhead and improve output." },
|
||||
{ id: "s3", title: "Market Expansion", content: "Scale your business reach with our data-driven strategies." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-african-american-male-manager-shaking-hand-partner_1262-20184.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", icon: Shield, title: "Data Security", value: "100%" },
|
||||
{ id: "m2", icon: Clock, title: "Response Time", value: "<2h" },
|
||||
{ id: "m3", icon: Zap, title: "Efficiency Gain", value: "45%" },
|
||||
]}
|
||||
title="Performance at a Glance"
|
||||
description="Measuring success through tangible results and consistent performance."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah Johnson", date: "2023-10-12", title: "Procurement Manager", quote: "Hanlay & Company provided the stability our firm needed for rapid growth.", tag: "Corporate", avatarSrc: "http://img.b2bpic.net/free-photo/woman-coat-outside-th-street_1303-11079.jpg", imageSrc: "http://img.b2bpic.net/free-photo/conference-training-room-with-video_1385-2127.jpg", imageAlt: "business executive headshot" },
|
||||
{ id: "t2", name: "Michael Chen", date: "2023-11-05", title: "CTO", quote: "Reliable experts with deep industry insight. Highly recommended.", tag: "Tech", avatarSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3796.jpg", imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-male-manager-shaking-hand-partner_1262-20184.jpg", imageAlt: "business executive headshot" },
|
||||
{ id: "t3", name: "Elena Rodriguez", date: "2023-12-01", title: "Operations Director", quote: "Transparent and measurable results. Exactly what we were looking for.", tag: "Logistics", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-female-business-executive-with-arms-crossed_1170-1133.jpg", imageSrc: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg", imageAlt: "business executive headshot" },
|
||||
{ id: "t4", name: "David Kim", date: "2024-01-15", title: "Financial Controller", quote: "The team helped us streamline our operations efficiently and quickly.", tag: "Finance", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-4617.jpg", imageSrc: "http://img.b2bpic.net/free-photo/phoenix-with-burning-wings-feathers-generative-ai_8829-2886.jpg", imageAlt: "business executive headshot" },
|
||||
{ id: "t5", name: "Susan Lee", date: "2024-02-20", title: "Founder", quote: "Consistent performance and high professionalism.", tag: "Retail", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q809lq", imageSrc: "http://img.b2bpic.net/free-photo/three-blank-feather-flags-advertising-display_187299-47626.jpg", imageAlt: "business executive headshot" },
|
||||
]}
|
||||
title="Client Success"
|
||||
description="Trusted by leaders across various industries."
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Global Tech", "InnovateCorp", "Bright Ventures", "Streamline Logistics", "Nexus Solutions", "Peak Performance", "Apex Finance"]}
|
||||
title="Our Partners"
|
||||
description="Collaborating with industry-leading organizations."
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "How do I verify company credentials?", content: "You can contact our verification department directly for certified documents." },
|
||||
{ id: "f2", title: "What are your service offerings?", content: "We offer strategic consulting, process optimization, and market scaling services." },
|
||||
{ id: "f3", title: "Do you work with global partners?", content: "Yes, we support businesses across multiple geographic markets." },
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
sideDescription="We've compiled answers to the most common queries about our service processes."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
text="Ready to discuss your business needs? Contact our team today for a consultation."
|
||||
buttons={[{ text: "Contact Us", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "Consulting", href: "#" }, { label: "Ops Optimization", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Hanlay & Company PVT Limited"
|
||||
bottomRightText="All Rights Reserved"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user