Merge version_1 into main #1
265
src/app/page.tsx
265
src/app/page.tsx
@@ -28,22 +28,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Stats",
|
||||
id: "#metrics",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Stats", id: "#metrics" },
|
||||
{ name: "Reviews", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="TechSolutions"
|
||||
/>
|
||||
@@ -51,78 +39,32 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
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",
|
||||
},
|
||||
{ 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",
|
||||
},
|
||||
]}
|
||||
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",
|
||||
},
|
||||
{ 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",
|
||||
},
|
||||
{ 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>
|
||||
@@ -133,33 +75,9 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
{ 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."
|
||||
@@ -173,46 +91,11 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
{ 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."
|
||||
@@ -227,42 +110,11 @@ export default function LandingPage() {
|
||||
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",
|
||||
testimonial: "The performance gains were immediate. Truly professional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg",
|
||||
},
|
||||
{
|
||||
id: "ts2",
|
||||
name: "Linda W.",
|
||||
role: "Manager",
|
||||
testimonial: "Exceptional service and deep technical expertise.",
|
||||
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",
|
||||
testimonial: "A game changer for our infrastructure project.",
|
||||
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",
|
||||
testimonial: "Innovative solutions that scaled perfectly with us.",
|
||||
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: "Systems",
|
||||
testimonial: "Highly recommended for any enterprise.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg",
|
||||
},
|
||||
{ id: "ts1", name: "Marcus V.", role: "Developer", quote: "The performance gains were immediate. Truly professional.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg" },
|
||||
{ id: "ts2", name: "Linda W.", role: "Manager", quote: "Exceptional service and deep technical expertise.", 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", quote: "A game changer for our infrastructure project.", 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", quote: "Innovative solutions that scaled perfectly with us.", 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", quote: "Highly recommended for any enterprise.", imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -270,18 +122,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
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",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "mailto:hello@example.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -289,45 +134,9 @@ export default function LandingPage() {
|
||||
<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: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ 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."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user