Merge version_1 into main #1
250
src/app/page.tsx
250
src/app/page.tsx
@@ -33,43 +33,25 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Products", id: "#products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Partners",
|
||||
id: "#partners",
|
||||
},
|
||||
name: "Partners", id: "#partners"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Innovate Solutions"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Started", href: "#contact"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -77,44 +59,23 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
variant: "glowing-orb"}}
|
||||
title="Innovate. Accelerate. Dominate. Future-Proof Your Business."
|
||||
description="Unlock unparalleled growth with our cutting-edge AI-powered solutions, designed to optimize workflows, enhance decision-making, and drive sustainable success in a rapidly evolving digital landscape."
|
||||
tag="Next-Gen Tech Solutions"
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Solutions",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Solutions", href: "#products"},
|
||||
{
|
||||
text: "Get a Free Demo",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Demo", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-bokeh-background-with-particle-lines_53876-104786.jpg",
|
||||
imageAlt: "abstract digital network blue teal",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-bokeh-background-with-particle-lines_53876-104786.jpg", imageAlt: "abstract digital network blue teal"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-desk-filled-with-productivity-items-empty-home_482257-101134.jpg",
|
||||
imageAlt: "futuristic desk setup data analytics",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-dots-lines-connected_1048-11946.jpg",
|
||||
imageAlt: "3D abstract dots and lines connected",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/round-particle-lines-futuristic-gradient-wallpaper_53876-97643.jpg",
|
||||
imageAlt: "Round particle lines futuristic gradient wallpaper",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/geometric-abstract-background-technology-concept-connecting-dots-design_53876-160241.jpg",
|
||||
imageAlt: "Geometric abstract background, technology concept, connecting dots design",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-desk-filled-with-productivity-items-empty-home_482257-101134.jpg", imageAlt: "futuristic desk setup data analytics"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -129,19 +90,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Users,
|
||||
label: "Satisfied Clients",
|
||||
value: "100K+",
|
||||
},
|
||||
label: "Satisfied Clients", value: "100K+"},
|
||||
{
|
||||
icon: TrendingUp,
|
||||
label: "Growth Rate",
|
||||
value: "250%",
|
||||
},
|
||||
label: "Growth Rate", value: "250%"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years in Business",
|
||||
value: "15+",
|
||||
},
|
||||
label: "Years in Business", value: "15+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -156,27 +111,16 @@ export default function LandingPage() {
|
||||
tagAnimation="opacity"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Learn More", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="opacity"
|
||||
accordionItems={[
|
||||
{
|
||||
id: "integration",
|
||||
title: "Effortless API Integration",
|
||||
content: "Connect our platform with your existing tools using our comprehensive and well-documented API, ensuring a smooth transition and enhanced data flow.",
|
||||
},
|
||||
id: "integration", title: "Effortless API Integration", content: "Connect our platform with your existing tools using our comprehensive and well-documented API, ensuring a smooth transition and enhanced data flow."},
|
||||
{
|
||||
id: "automation",
|
||||
title: "Intelligent Workflow Automation",
|
||||
content: "Automate repetitive tasks and streamline complex processes with our AI-driven automation engine, freeing up your team to focus on strategic initiatives.",
|
||||
},
|
||||
id: "automation", title: "Intelligent Workflow Automation", content: "Automate repetitive tasks and streamline complex processes with our AI-driven automation engine, freeing up your team to focus on strategic initiatives."},
|
||||
{
|
||||
id: "analytics",
|
||||
title: "Advanced Predictive Analytics",
|
||||
content: "Gain deep insights into your business operations with our powerful analytics dashboard, offering predictive modeling and actionable data visualizations.",
|
||||
},
|
||||
id: "analytics", title: "Advanced Predictive Analytics", content: "Gain deep insights into your business operations with our powerful analytics dashboard, offering predictive modeling and actionable data visualizations."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/illustration-circle-with-abstract-neon-light-effects-great-futuristic-background_181624-32778.jpg"
|
||||
imageAlt="secure data vault cyber security"
|
||||
@@ -194,47 +138,17 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
products={[
|
||||
{
|
||||
id: "product-1",
|
||||
name: "Cloud Data Hub",
|
||||
price: "$59/month",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/global-business-internet-network-connection-iot-internet-things-business-intelligence-concept-busines-global-network-futuristic-technology-background-ai-generative_1258-176791.jpg",
|
||||
imageAlt: "cloud storage icon minimalist",
|
||||
},
|
||||
id: "product-1", name: "Cloud Data Hub", price: "$59/month", imageSrc: "http://img.b2bpic.net/free-photo/global-business-internet-network-connection-iot-internet-things-business-intelligence-concept-busines-global-network-futuristic-technology-background-ai-generative_1258-176791.jpg", imageAlt: "cloud storage icon minimalist"},
|
||||
{
|
||||
id: "product-2",
|
||||
name: "AI Co-Pilot",
|
||||
price: "$99/month",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-ai-technology-background_23-2151719638.jpg",
|
||||
imageAlt: "ai assistant icon minimalist",
|
||||
},
|
||||
id: "product-2", name: "AI Co-Pilot", price: "$99/month", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-ai-technology-background_23-2151719638.jpg", imageAlt: "ai assistant icon minimalist"},
|
||||
{
|
||||
id: "product-3",
|
||||
name: "Insight Engine",
|
||||
price: "$79/month",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eye-disabled-icon-front-side-with-white-background_187299-39845.jpg",
|
||||
imageAlt: "data analytics icon minimalist",
|
||||
},
|
||||
id: "product-3", name: "Insight Engine", price: "$79/month", imageSrc: "http://img.b2bpic.net/free-photo/eye-disabled-icon-front-side-with-white-background_187299-39845.jpg", imageAlt: "data analytics icon minimalist"},
|
||||
{
|
||||
id: "product-4",
|
||||
name: "SecureShield",
|
||||
price: "$49/month",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h1lw37",
|
||||
imageAlt: "cyber security icon minimalist",
|
||||
},
|
||||
id: "product-4", name: "SecureShield", price: "$49/month", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h1lw37", imageAlt: "cyber security icon minimalist"},
|
||||
{
|
||||
id: "product-5",
|
||||
name: "ConnectFlow",
|
||||
price: "$89/month",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-hex-backgrounds-networking_23-2149755774.jpg",
|
||||
imageAlt: "api integration icon minimalist",
|
||||
},
|
||||
id: "product-5", name: "ConnectFlow", price: "$89/month", imageSrc: "http://img.b2bpic.net/free-photo/neon-hex-backgrounds-networking_23-2149755774.jpg", imageAlt: "api integration icon minimalist"},
|
||||
{
|
||||
id: "product-6",
|
||||
name: "OpsStream",
|
||||
price: "$129/month",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/infinity-loop-concept-infographic-process-diagram-with-white-gradient-shape-with-circle-badge-point-with-dark-background-bright-outline-style-3-points_82472-6064.jpg",
|
||||
imageAlt: "devops pipeline icon minimalist",
|
||||
},
|
||||
id: "product-6", name: "OpsStream", price: "$129/month", imageSrc: "http://img.b2bpic.net/free-vector/infinity-loop-concept-infographic-process-diagram-with-white-gradient-shape-with-circle-badge-point-with-dark-background-bright-outline-style-3-points_82472-6064.jpg", imageAlt: "devops pipeline icon minimalist"},
|
||||
]}
|
||||
title="Our Transformative Solutions"
|
||||
description="Discover a suite of products engineered to address your most critical business challenges and propel you towards future success."
|
||||
@@ -242,9 +156,7 @@ export default function LandingPage() {
|
||||
tagAnimation="opacity"
|
||||
buttons={[
|
||||
{
|
||||
text: "View All Products",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "View All Products", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="opacity"
|
||||
/>
|
||||
@@ -258,50 +170,20 @@ export default function LandingPage() {
|
||||
carouselMode="auto"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Innovate Solutions revolutionized our data management. The efficiency gains are truly remarkable, and their support is exceptional!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-curly-haired-woman-touching-neck-smiling-businesswoman-concept_176420-19317.jpg",
|
||||
imageAlt: "female CEO headshot professional",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "Innovate Solutions revolutionized our data management. The efficiency gains are truly remarkable, and their support is exceptional!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-curly-haired-woman-touching-neck-smiling-businesswoman-concept_176420-19317.jpg", imageAlt: "female CEO headshot professional"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
handle: "@mikec",
|
||||
testimonial: "The AI Co-Pilot integrated seamlessly into our workflow. We've seen a significant boost in productivity and accuracy.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-vening-street_1303-3836.jpg",
|
||||
imageAlt: "male CTO headshot tech startup",
|
||||
},
|
||||
id: "2", name: "Michael Chen", handle: "@mikec", testimonial: "The AI Co-Pilot integrated seamlessly into our workflow. We've seen a significant boost in productivity and accuracy.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-vening-street_1303-3836.jpg", imageAlt: "male CTO headshot tech startup"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@emilyr",
|
||||
testimonial: "Their predictive analytics platform gave us insights we never had before, enabling us to make smarter, faster business decisions.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
|
||||
imageAlt: "female marketing director headshot",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", handle: "@emilyr", testimonial: "Their predictive analytics platform gave us insights we never had before, enabling us to make smarter, faster business decisions.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", imageAlt: "female marketing director headshot"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
handle: "@davidk",
|
||||
testimonial: "The security of SecureShield is top-notch. We rest easy knowing our infrastructure is protected by Innovate Solutions.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nice-blue-white-background-backdrop-purpose_1017-46757.jpg",
|
||||
imageAlt: "male product manager headshot",
|
||||
},
|
||||
id: "4", name: "David Kim", handle: "@davidk", testimonial: "The security of SecureShield is top-notch. We rest easy knowing our infrastructure is protected by Innovate Solutions.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nice-blue-white-background-backdrop-purpose_1017-46757.jpg", imageAlt: "male product manager headshot"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
handle: "@jessical",
|
||||
testimonial: "Outstanding customer service combined with innovative products. Innovate Solutions is a true partner in our success.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-celebrating-his-success-after-presenting-project-proposal-his-multiethnic-partners_181624-33367.jpg",
|
||||
imageAlt: "female founder headshot city skyline",
|
||||
},
|
||||
id: "5", name: "Jessica Lee", handle: "@jessical", testimonial: "Outstanding customer service combined with innovative products. Innovate Solutions is a true partner in our success.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-celebrating-his-success-after-presenting-project-proposal-his-multiethnic-partners_181624-33367.jpg", imageAlt: "female founder headshot city skyline"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
@@ -314,14 +196,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Global Dynamics",
|
||||
"TechCorp Innovations",
|
||||
"Digital Nexus Group",
|
||||
"Quantum Labs",
|
||||
"Synergy Solutions",
|
||||
"FutureWorks Inc.",
|
||||
"Apex Systems",
|
||||
]}
|
||||
"Global Dynamics", "TechCorp Innovations", "Digital Nexus Group", "Quantum Labs", "Synergy Solutions", "FutureWorks Inc.", "Apex Systems"]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Our innovative solutions empower companies of all sizes, from ambitious startups to Fortune 500 enterprises, to achieve their strategic objectives."
|
||||
/>
|
||||
@@ -332,33 +207,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What kind of support do you offer?",
|
||||
content: "We offer 24/7 premium support via chat, email, and phone for all our enterprise clients. Standard plans include email and knowledge base access.",
|
||||
},
|
||||
id: "q1", title: "What kind of support do you offer?", content: "We offer 24/7 premium support via chat, email, and phone for all our enterprise clients. Standard plans include email and knowledge base access."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is your platform scalable for large enterprises?",
|
||||
content: "Absolutely. Our architecture is built on a highly scalable cloud infrastructure, designed to handle the demands of even the largest global enterprises.",
|
||||
},
|
||||
id: "q2", title: "Is your platform scalable for large enterprises?", content: "Absolutely. Our architecture is built on a highly scalable cloud infrastructure, designed to handle the demands of even the largest global enterprises."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I integrate your tools with my existing software?",
|
||||
content: "Yes, we provide robust APIs and comprehensive documentation to ensure seamless integration with most popular business software and custom applications.",
|
||||
},
|
||||
id: "q3", title: "Can I integrate your tools with my existing software?", content: "Yes, we provide robust APIs and comprehensive documentation to ensure seamless integration with most popular business software and custom applications."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "What security measures are in place?",
|
||||
content: "We adhere to industry-leading security protocols, including end-to-end encryption, regular security audits, and compliance with GDPR, HIPAA, and other relevant regulations.",
|
||||
},
|
||||
id: "q4", title: "What security measures are in place?", content: "We adhere to industry-leading security protocols, including end-to-end encryption, regular security audits, and compliance with GDPR, HIPAA, and other relevant regulations."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Have more questions? Reach out to our support team for personalized assistance."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Support", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="opacity"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -370,21 +231,16 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Ready to Transform?"
|
||||
tagAnimation="opacity"
|
||||
title="Get Started with Innovate Solutions Today!"
|
||||
description="Unlock the potential of your business with our cutting-edge technology. Contact us now for a personalized demo or consultation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request a Demo",
|
||||
href: "#",
|
||||
},
|
||||
text: "Request a Demo", href: "#"},
|
||||
{
|
||||
text: "Speak to Sales",
|
||||
href: "#",
|
||||
},
|
||||
text: "Speak to Sales", href: "#"},
|
||||
]}
|
||||
buttonAnimation="opacity"
|
||||
/>
|
||||
@@ -397,19 +253,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
href: "#", ariaLabel: "LinkedIn"},
|
||||
{
|
||||
icon: Github,
|
||||
href: "#",
|
||||
ariaLabel: "GitHub",
|
||||
},
|
||||
href: "#", ariaLabel: "GitHub"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user