Update src/app/page.tsx
This commit is contained in:
222
src/app/page.tsx
222
src/app/page.tsx
@@ -28,26 +28,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Marvel Tech"
|
||||
/>
|
||||
@@ -55,52 +40,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Marvel Tech Enterprise – Innovating Your Digital Future"
|
||||
description="Web Development | IT Solutions | Software Services"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Get Started", href: "#contact" },
|
||||
{ text: "Contact Us", href: "#contact" },
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-up-blue-letters-forming-word-blockchain_53876-30916.jpg",
|
||||
imageAlt: "Code lines",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-cyber-network-visualization-design_1048-17445.jpg",
|
||||
imageAlt: "Digital grid",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wonder-wheel-neon-lights-close-up-black-background_23-2148328074.jpg",
|
||||
imageAlt: "Data visualization",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-factory-illuminates-modern-blue-metal-machinery-generated-by-ai_188544-26728.jpg",
|
||||
imageAlt: "Server architecture",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/isometric-view-3d-rendering-neon-city_23-2150900823.jpg",
|
||||
imageAlt: "IT infrastructure",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
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 computing",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-up-blue-letters-forming-word-blockchain_53876-30916.jpg", imageAlt: "Code lines" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-cyber-network-visualization-design_1048-17445.jpg", imageAlt: "Digital grid" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/wonder-wheel-neon-lights-close-up-black-background_23-2148328074.jpg", imageAlt: "Data visualization" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-factory-illuminates-modern-blue-metal-machinery-generated-by-ai_188544-26728.jpg", imageAlt: "Server architecture" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/isometric-view-3d-rendering-neon-city_23-2150900823.jpg", imageAlt: "IT infrastructure" },
|
||||
{ id: "6", 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 computing" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -112,18 +65,9 @@ export default function LandingPage() {
|
||||
title="Innovating Growth"
|
||||
description="Marvel Tech Enterprise delivers cutting-edge IT solutions to help businesses grow digitally."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Experience",
|
||||
description: "Years of expertise in software development.",
|
||||
},
|
||||
{
|
||||
title: "Innovation",
|
||||
description: "Staying ahead with the latest digital trends.",
|
||||
},
|
||||
{
|
||||
title: "Reliability",
|
||||
description: "Trustworthy IT support when you need it most.",
|
||||
},
|
||||
{ title: "Experience", description: "Years of expertise in software development." },
|
||||
{ title: "Innovation", description: "Staying ahead with the latest digital trends." },
|
||||
{ title: "Reliability", description: "Trustworthy IT support when you need it most." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/corporate-meeting-where-multicultural-partners-collaborate-through-video-call-applying-strategic_482257-132358.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -136,46 +80,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
label: "Web",
|
||||
title: "Web Development",
|
||||
items: [
|
||||
"Custom websites",
|
||||
"Dynamic systems",
|
||||
"User experience",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
label: "Dev",
|
||||
title: "Software Development",
|
||||
items: [
|
||||
"Business applications",
|
||||
"API integrations",
|
||||
"Mobile ready",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
label: "IT",
|
||||
title: "IT Support",
|
||||
items: [
|
||||
"Routine maintenance",
|
||||
"Hardware support",
|
||||
"Cloud security",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
label: "Sys",
|
||||
title: "System Integration",
|
||||
items: [
|
||||
"Data migration",
|
||||
"Legacy modernization",
|
||||
"Streamlined workflows",
|
||||
],
|
||||
},
|
||||
{ id: "s1", label: "Web", title: "Web Development", items: ["Custom websites", "Dynamic systems", "User experience"] },
|
||||
{ id: "s2", label: "Dev", title: "Software Development", items: ["Business applications", "API integrations", "Mobile ready"] },
|
||||
{ id: "s3", label: "IT", title: "IT Support", items: ["Routine maintenance", "Hardware support", "Cloud security"] },
|
||||
{ id: "s4", label: "Sys", title: "System Integration", items: ["Data migration", "Legacy modernization", "Streamlined workflows"] },
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Comprehensive IT solutions tailored for modern business requirements."
|
||||
@@ -184,46 +92,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "POS System",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-payment_23-2151961281.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Pharmacy System",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cardiology-experts-team-examine-electrocardiogram-test-results-scans_482257-123139.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Business Portal",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-presentation-laptop-screen_53876-13516.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "E-Commerce Site",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/returning-item-online_23-2151952966.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Inventory Manager",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-manager-doing-accounting-work-pc-with-chroma-key-screen_482257-126417.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Customer Dashboard",
|
||||
price: "View Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/zoom-out-right-side_187299-45685.jpg",
|
||||
},
|
||||
{ id: "p1", name: "POS System", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/mobile-payment_23-2151961281.jpg" },
|
||||
{ id: "p2", name: "Pharmacy System", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/cardiology-experts-team-examine-electrocardiogram-test-results-scans_482257-123139.jpg" },
|
||||
{ id: "p3", name: "Business Portal", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/business-presentation-laptop-screen_53876-13516.jpg" },
|
||||
{ id: "p4", name: "E-Commerce Site", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/returning-item-online_23-2151952966.jpg" },
|
||||
{ id: "p5", name: "Inventory Manager", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/financial-manager-doing-accounting-work-pc-with-chroma-key-screen_482257-126417.jpg" },
|
||||
{ id: "p6", name: "Customer Dashboard", price: "View Project", imageSrc: "http://img.b2bpic.net/free-photo/zoom-out-right-side_187299-45685.jpg" },
|
||||
]}
|
||||
title="Sample Projects"
|
||||
description="Real world solutions built for our clients."
|
||||
@@ -236,25 +115,10 @@ export default function LandingPage() {
|
||||
title="Contact Us"
|
||||
description="Let's innovate together. Reach us at 0706075259 or marvelbravin@gmail.com. We are located in Nairobi, Kenya."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your Message",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Your Message", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/serious-businessman-headset-using-laptop_74855-3069.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -263,30 +127,10 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#services" }],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/254706075259",
|
||||
},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Connect", items: [{ label: "WhatsApp", href: "https://wa.me/254706075259" }, { label: "LinkedIn", href: "#" }],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2026 Marvel Tech Enterprise"
|
||||
|
||||
Reference in New Issue
Block a user