Update src/app/page.tsx
This commit is contained in:
306
src/app/page.tsx
306
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
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: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
]}
|
||||
brandName="InnovateTech"
|
||||
/>
|
||||
@@ -57,97 +49,54 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Innovating the Future of Software"
|
||||
description="We build scalable, high-performance solutions for the modern digital landscape. Experience the power of cutting-edge technology."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alice Johnson",
|
||||
handle: "@alicej",
|
||||
testimonial: "Exceptional service and robust software delivery. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
|
||||
},
|
||||
name: "Alice Johnson", handle: "@alicej", testimonial: "Exceptional service and robust software delivery. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg"},
|
||||
{
|
||||
name: "Mark Stevens",
|
||||
handle: "@mark_tech",
|
||||
testimonial: "Transformed our workflow completely. The innovation is unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-general-manager-reviews-forecasts-while-he-listens-music_482257-124684.jpg",
|
||||
},
|
||||
name: "Mark Stevens", handle: "@mark_tech", testimonial: "Transformed our workflow completely. The innovation is unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-general-manager-reviews-forecasts-while-he-listens-music_482257-124684.jpg"},
|
||||
{
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarah_dev",
|
||||
testimonial: "Best in class engineering and support. Truly a partner.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-concept-portrait-handsome-business-man-playing-digital-notebook-with-smiling-confident-face-white-backgroundcopy-space_1258-103939.jpg",
|
||||
},
|
||||
name: "Sarah Miller", handle: "@sarah_dev", testimonial: "Best in class engineering and support. Truly a partner.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-concept-portrait-handsome-business-man-playing-digital-notebook-with-smiling-confident-face-white-backgroundcopy-space_1258-103939.jpg"},
|
||||
{
|
||||
name: "David Clark",
|
||||
handle: "@clark_it",
|
||||
testimonial: "The performance gains we saw were beyond our expectations.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-model-working-cafe-terrace-sunny-day_231208-4292.jpg",
|
||||
},
|
||||
name: "David Clark", handle: "@clark_it", testimonial: "The performance gains we saw were beyond our expectations.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-model-working-cafe-terrace-sunny-day_231208-4292.jpg"},
|
||||
{
|
||||
name: "Elena Rossi",
|
||||
handle: "@elena_mgr",
|
||||
testimonial: "Scalability and reliability at their core. Pure excellence.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-co-worker-spending-time-office_23-2149328341.jpg",
|
||||
},
|
||||
name: "Elena Rossi", handle: "@elena_mgr", testimonial: "Scalability and reliability at their core. Pure excellence.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-co-worker-spending-time-office_23-2149328341.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-network-communications-background-with-modern-techno-design_1048-12786.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-network-communications-background-with-modern-techno-design_1048-12786.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",
|
||||
alt: "Portrait smiley modern male",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg", alt: "Portrait smiley modern male"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
|
||||
alt: "Happy young professional posing in office",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg", alt: "Happy young professional posing in office"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-man-sitting-table-office-chatting_171337-17748.jpg",
|
||||
alt: "Happy young man sitting on table in office chatting",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-man-sitting-table-office-chatting_171337-17748.jpg", alt: "Happy young man sitting on table in office chatting"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-middleaged-woman-working-laptop-while-sitting-table_169016-26123.jpg",
|
||||
alt: "Attractive middleaged woman working on a laptop while sitting at a table",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-middleaged-woman-working-laptop-while-sitting-table_169016-26123.jpg", alt: "Attractive middleaged woman working on a laptop while sitting at a table"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-with-modern-laptop_329181-13389.jpg",
|
||||
alt: "Beautiful woman with modern laptop",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-with-modern-laptop_329181-13389.jpg", alt: "Beautiful woman with modern laptop"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Innovate",
|
||||
},
|
||||
type: "text", text: "Innovate"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Scale",
|
||||
},
|
||||
type: "text", text: "Scale"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Performance",
|
||||
},
|
||||
type: "text", text: "Performance"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure",
|
||||
},
|
||||
type: "text", text: "Secure"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cloud-Native",
|
||||
},
|
||||
type: "text", text: "Cloud-Native"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -159,19 +108,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Rocket,
|
||||
label: "Projects Completed",
|
||||
value: "500+",
|
||||
},
|
||||
label: "Projects Completed", value: "500+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Clients",
|
||||
value: "120+",
|
||||
},
|
||||
label: "Happy Clients", value: "120+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Awards Won",
|
||||
value: "25",
|
||||
},
|
||||
label: "Awards Won", value: "25"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -184,26 +127,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Advanced Analytics",
|
||||
description: "Real-time data insights delivered via modern dashboards.",
|
||||
bentoComponent: "animated-bar-chart",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-digital-with-modern-flowing-particles_1048-13765.jpg",
|
||||
imageAlt: "3D render of an abstract digital with modern flowing particles",
|
||||
},
|
||||
title: "Advanced Analytics", description: "Real-time data insights delivered via modern dashboards.", bentoComponent: "animated-bar-chart"},
|
||||
{
|
||||
title: "Global Infrastructure",
|
||||
description: "Deploy worldwide in seconds with our optimized network.",
|
||||
bentoComponent: "globe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-network-communications-background-with-modern-techno-design_1048-12786.jpg?_wi=2",
|
||||
imageAlt: "3D render of an abstract digital with modern flowing particles",
|
||||
},
|
||||
title: "Global Infrastructure", description: "Deploy worldwide in seconds with our optimized network.", bentoComponent: "globe"},
|
||||
{
|
||||
title: "AI Integration",
|
||||
description: "Automate complex tasks with our proprietary AI models.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-workspace-with-advanced-tech-tools-enhancing-productivity_482257-119752.jpg?_wi=1",
|
||||
imageAlt: "3D render of an abstract digital with modern flowing particles",
|
||||
title: "AI Integration", description: "Automate complex tasks with our proprietary AI models.", bentoComponent: "reveal-icon", icon: Zap,
|
||||
},
|
||||
]}
|
||||
title="Built for Scale"
|
||||
@@ -219,41 +147,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Cloud Dashboard Pro",
|
||||
price: "$99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-workspace-with-advanced-tech-tools-enhancing-productivity_482257-119752.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Cloud Dashboard Pro", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-workspace-with-advanced-tech-tools-enhancing-productivity_482257-119752.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "AI Insight Hub",
|
||||
price: "$149",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/streaky-light-patterns-black-surface-backdrop_23-2148055568.jpg",
|
||||
},
|
||||
id: "p2", name: "AI Insight Hub", price: "$149", imageSrc: "http://img.b2bpic.net/free-photo/streaky-light-patterns-black-surface-backdrop_23-2148055568.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Secure Cloud Stack",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wonder-wheel-neon-lights-close-up-black-background_23-2148328074.jpg",
|
||||
},
|
||||
id: "p3", name: "Secure Cloud Stack", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/wonder-wheel-neon-lights-close-up-black-background_23-2148328074.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Analytics Engine",
|
||||
price: "$249",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg",
|
||||
},
|
||||
id: "p4", name: "Analytics Engine", price: "$249", imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Platform Core",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stats-concept-with-wood-blocks_23-2148950387.jpg",
|
||||
},
|
||||
id: "p5", name: "Platform Core", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/stats-concept-with-wood-blocks_23-2148950387.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Data Flow Suite",
|
||||
price: "$349",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multicultural-team-women-leaders-hold-online-conference-call_482257-123708.jpg",
|
||||
},
|
||||
id: "p6", name: "Data Flow Suite", price: "$349", imageSrc: "http://img.b2bpic.net/free-photo/multicultural-team-women-leaders-hold-online-conference-call_482257-123708.jpg"},
|
||||
]}
|
||||
title="Our Solutions"
|
||||
description="Explore our portfolio of cutting-edge software products."
|
||||
@@ -267,38 +171,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Starter",
|
||||
price: "$49",
|
||||
subtitle: "Basic features for small teams.",
|
||||
features: [
|
||||
"Feature 1",
|
||||
"Feature 2",
|
||||
"Feature 3",
|
||||
],
|
||||
id: "basic", badge: "Starter", price: "$49", subtitle: "Basic features for small teams.", features: [
|
||||
"Feature 1", "Feature 2", "Feature 3"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Professional",
|
||||
price: "$99",
|
||||
subtitle: "Advanced features for scaling companies.",
|
||||
features: [
|
||||
"Feature 1",
|
||||
"Feature 2",
|
||||
"Feature 3",
|
||||
"Feature 4",
|
||||
],
|
||||
id: "pro", badge: "Professional", price: "$99", subtitle: "Advanced features for scaling companies.", features: [
|
||||
"Feature 1", "Feature 2", "Feature 3", "Feature 4"],
|
||||
},
|
||||
{
|
||||
id: "ent",
|
||||
badge: "Enterprise",
|
||||
price: "$299",
|
||||
subtitle: "Custom solutions for larger teams.",
|
||||
features: [
|
||||
"All Features",
|
||||
"24/7 Support",
|
||||
"Custom API",
|
||||
],
|
||||
id: "ent", badge: "Enterprise", price: "$299", subtitle: "Custom solutions for larger teams.", features: [
|
||||
"All Features", "24/7 Support", "Custom API"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
@@ -313,59 +195,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice",
|
||||
role: "CEO",
|
||||
company: "Tech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg",
|
||||
},
|
||||
id: "t1", name: "Alice", role: "CEO", company: "Tech", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark",
|
||||
role: "CTO",
|
||||
company: "Data",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-caucasian-happy-teacher-glasses_74855-9736.jpg",
|
||||
},
|
||||
id: "t2", name: "Mark", role: "CTO", company: "Data", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-caucasian-happy-teacher-glasses_74855-9736.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah",
|
||||
role: "Dev",
|
||||
company: "Build",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg",
|
||||
},
|
||||
id: "t3", name: "Sarah", role: "Dev", company: "Build", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David",
|
||||
role: "IT",
|
||||
company: "Soft",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panels-plant-using-laptop-improve-solar-cells-efficiency_482257-119792.jpg",
|
||||
},
|
||||
id: "t4", name: "David", role: "IT", company: "Soft", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panels-plant-using-laptop-improve-solar-cells-efficiency_482257-119792.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena",
|
||||
role: "Mgr",
|
||||
company: "Co",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-hippie-angry-expression_1194-3931.jpg",
|
||||
},
|
||||
id: "t5", name: "Elena", role: "Mgr", company: "Co", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-hippie-angry-expression_1194-3931.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "99%",
|
||||
label: "Uptime",
|
||||
},
|
||||
value: "99%", label: "Uptime"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Client Success",
|
||||
},
|
||||
value: "100%", label: "Client Success"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Support",
|
||||
},
|
||||
value: "24/7", label: "Support"},
|
||||
]}
|
||||
title="Client Success"
|
||||
description="Hear from our partners about their journey with us."
|
||||
@@ -378,20 +229,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do we get started?",
|
||||
content: "Just click the Get Started button to contact our team.",
|
||||
},
|
||||
id: "f1", title: "How do we get started?", content: "Just click the Get Started button to contact our team."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can you scale for large teams?",
|
||||
content: "Absolutely, our infrastructure handles thousands of users easily.",
|
||||
},
|
||||
id: "f2", title: "Can you scale for large teams?", content: "Absolutely, our infrastructure handles thousands of users easily."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer support?",
|
||||
content: "Yes, we provide 24/7 technical support for all our plans.",
|
||||
},
|
||||
id: "f3", title: "Do you offer support?", content: "Yes, we provide 24/7 technical support for all our plans."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find answers to frequently asked questions about our services."
|
||||
@@ -401,10 +243,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Contact"
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Ready to innovate?"
|
||||
description="Sign up for a consultation today and let's build something great."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-working-laptop-another-woman-posing_23-2148424414.jpg"
|
||||
@@ -416,29 +258,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Solutions",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Solutions", href: "#products"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user