Merge version_1 into main #5
220
src/app/page.tsx
220
src/app/page.tsx
@@ -25,122 +25,122 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Stats", id: "#metrics" },
|
||||
{ name: "Reviews", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="TechSolutions"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Stats", id: "#metrics" },
|
||||
{ name: "Reviews", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="TechSolutions"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Build The Future With Next-Gen Digital Solutions"
|
||||
description="Empowering your business with scalable, high-performance software tailored for the modern digital era."
|
||||
kpis={[
|
||||
{ value: "99.9%", label: "Uptime Guarantee" },
|
||||
{ value: "500+", label: "Successful Projects" },
|
||||
{ value: "24/7", label: "Global Support" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/building-night-with-windows-illuminated-with-red-white-lights_23-2151966506.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5391.jpg", alt: "Sarah J" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-3693.jpg", alt: "Michael C" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-male-dressed-stylish-blue-suit-grey-background_613910-3785.jpg", alt: "Emily R" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/thinking-man-dark-suit-studio-shot_613910-10754.jpg", alt: "David K" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/video-editor-worker-standing-front-camera-smiling-working-creative-agency-office-holding-la_482257-3426.jpg", alt: "Anna P" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ global experts"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Scalable Infrastructure" },
|
||||
{ type: "text", text: "Cloud Security" },
|
||||
{ type: "text", text: "AI Integration" },
|
||||
{ type: "text", text: "Real-time Analytics" },
|
||||
{ type: "text", text: "Global Deployment" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Build The Future With Next-Gen Digital Solutions"
|
||||
description="Empowering your business with scalable, high-performance software tailored for the modern digital era."
|
||||
kpis={[
|
||||
{ value: "99.9%", label: "Uptime Guarantee" },
|
||||
{ value: "500+", label: "Successful Projects" },
|
||||
{ value: "24/7", label: "Global Support" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/building-night-with-windows-illuminated-with-red-white-lights_23-2151966506.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5391.jpg", alt: "Sarah J" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-3693.jpg", alt: "Michael C" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-male-dressed-stylish-blue-suit-grey-background_613910-3785.jpg", alt: "Emily R" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/thinking-man-dark-suit-studio-shot_613910-10754.jpg", alt: "David K" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/video-editor-worker-standing-front-camera-smiling-working-creative-agency-office-holding-la_482257-3426.jpg", alt: "Anna P" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ global experts"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Scalable Infrastructure" },
|
||||
{ type: "text", text: "Cloud Security" },
|
||||
{ type: "text", text: "AI Integration" },
|
||||
{ type: "text", text: "Real-time Analytics" },
|
||||
{ type: "text", text: "Global Deployment" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Real-time Analytics", descriptions: ["Access deep insights into your business metrics instantly.", "Data-driven decisions enabled by real-time processing."], imageSrc: "http://img.b2bpic.net/free-photo/management-concept-with-wooden-blocks-with-icons-wooden-table-flat-lay_176474-10429.jpg" },
|
||||
{ id: "f2", title: "Secure Cloud Infrastructure", descriptions: ["Enterprise-grade security for all your digital assets.", "Reliable cloud services with lightning-fast speeds."], imageSrc: "http://img.b2bpic.net/free-photo/global-communication-phone-wallpaper-business-network-design_53876-160272.jpg" },
|
||||
{ id: "f3", title: "AI-Powered Innovation", descriptions: ["Leverage cutting-edge artificial intelligence to automate tasks.", "Smart integration for smarter business processes."], imageSrc: "http://img.b2bpic.net/free-photo/3d-plexus-design-with-connecting-lines-dots-network-communications_1048-12200.jpg" },
|
||||
]}
|
||||
title="Advanced Technology Features"
|
||||
description="Powerful tools designed to accelerate your growth and optimize your business workflows efficiently."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Real-time Analytics", descriptions: ["Access deep insights into your business metrics instantly.", "Data-driven decisions enabled by real-time processing."], imageSrc: "http://img.b2bpic.net/free-photo/management-concept-with-wooden-blocks-with-icons-wooden-table-flat-lay_176474-10429.jpg" },
|
||||
{ id: "f2", title: "Secure Cloud Infrastructure", descriptions: ["Enterprise-grade security for all your digital assets.", "Reliable cloud services with lightning-fast speeds."], imageSrc: "http://img.b2bpic.net/free-photo/global-communication-phone-wallpaper-business-network-design_53876-160272.jpg" },
|
||||
{ id: "f3", title: "AI-Powered Innovation", descriptions: ["Leverage cutting-edge artificial intelligence to automate tasks.", "Smart integration for smarter business processes."], imageSrc: "http://img.b2bpic.net/free-photo/3d-plexus-design-with-connecting-lines-dots-network-communications_1048-12200.jpg" },
|
||||
]}
|
||||
title="Advanced Technology Features"
|
||||
description="Powerful tools designed to accelerate your growth and optimize your business workflows efficiently."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah Johnson", role: "CEO", company: "TechStream", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg" },
|
||||
{ id: "t2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report-startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy_482257-38904.jpg" },
|
||||
{ id: "t3", name: "Emily Rodriguez", role: "Marketing Director", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg" },
|
||||
{ id: "t4", name: "David Kim", role: "Product Manager", company: "StartupXYZ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-manager-sitting-table-looking-camera_74855-4068.jpg" },
|
||||
{ id: "t5", name: "Anna Patel", role: "VP Operations", company: "Streamline Inc", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Trusted by forward-thinking companies to deliver high-quality digital experiences."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah Johnson", role: "CEO", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg" },
|
||||
{ id: "t2", name: "Michael Chen", role: "CTO", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report-startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy_482257-38904.jpg" },
|
||||
{ id: "t3", name: "Emily Rodriguez", role: "Marketing Director", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg" },
|
||||
{ id: "t4", name: "David Kim", role: "Product Manager", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-handsome-manager-sitting-table-looking-camera_74855-4068.jpg" },
|
||||
{ id: "t5", name: "Anna Patel", role: "VP Operations", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Trusted by forward-thinking companies to deliver high-quality digital experiences."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Client Success Stories"
|
||||
description="See how our partners are leveraging modern tech to redefine their industry impact."
|
||||
testimonials={[
|
||||
{ id: "ts1", name: "Marcus V.", role: "Developer", company: "Tech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg" },
|
||||
{ id: "ts2", name: "Linda W.", role: "Manager", company: "Tech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg" },
|
||||
{ id: "ts3", name: "Robert T.", role: "Architect", company: "Tech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg" },
|
||||
{ id: "ts4", name: "Sofia L.", role: "Founder", company: "Tech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/multiracial-workers-using-laptop-device-write-emails-solving-tasks_482257-123663.jpg" },
|
||||
{ id: "ts5", name: "Henry B.", role: "CTO", company: "Tech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Client Success Stories"
|
||||
description="See how our partners are leveraging modern tech to redefine their industry impact."
|
||||
testimonials={[
|
||||
{ id: "ts1", name: "Marcus V.", role: "Developer", imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg" },
|
||||
{ id: "ts2", name: "Linda W.", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg" },
|
||||
{ id: "ts3", name: "Robert T.", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg" },
|
||||
{ id: "ts4", name: "Sofia L.", role: "Founder", imageSrc: "http://img.b2bpic.net/free-photo/multiracial-workers-using-laptop-device-write-emails-solving-tasks_482257-123663.jpg" },
|
||||
{ id: "ts5", name: "Henry B.", role: "CTO", imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Ready to Start"
|
||||
title="Scale Your Business With Ease"
|
||||
description="Get in touch with our team of experts and let's start your journey toward digital transformation today."
|
||||
buttons={[{ text: "Contact Us", href: "mailto:hello@example.com" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Ready to Start"
|
||||
title="Scale Your Business With Ease"
|
||||
description="Get in touch with our team of experts and let's start your journey toward digital transformation today."
|
||||
buttons={[{ text: "Contact Us", href: "mailto:hello@example.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="TechSolutions"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Help Center", href: "#" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 TechSolutions. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="TechSolutions"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Help Center", href: "#" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 TechSolutions. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user