bender/e63e1603-3cce-46b8-ba86-e77d46dea693
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/App.tsx

Browse Source
This commit is contained in:
bender
2026-04-21 15:22:36 +00:00
parent d627af0f6c
commit bc91e389ef
1 changed files with 144 additions and 394 deletions
Download Patch File Download Diff File Expand all files Collapse all files

538
src/App.tsx
View File

@@ -14,410 +14,160 @@ import { CheckCircle, Shield, Zap } from "lucide-react";
export default function App() {
return (
<>
<div id="nav" data-section="nav">
<NavbarCentered
logo="TechCore"
navItems={[
{
name: "Features",
href: "#features",
},
{
name: "About",
href: "#about",
},
{
name: "Pricing",
href: "#pricing",
},
{
name: "Contact",
href: "#contact",
},
]}
ctaButton={{
text: "Get Started",
href: "#contact",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarCentered
logo="TechCore"
navItems={[
{ name: "Features", href: "#features" },
{ name: "About", href: "#about" },
{ name: "Pricing", href: "#pricing" },
{ name: "Contact", href: "#contact" },
]}
ctaButton={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
tag="Enterprise IT Solutions"
title="Scaling Technology for Modern Business"
description="We build scalable, secure, and innovative software solutions designed to propel your business into the future of digital efficiency."
primaryButton={{
text: "Book Consultation",
href: "#contact",
}}
secondaryButton={{
text: "View Solutions",
href: "#features",
}}
testimonials={[
{
name: "Jane Doe",
handle: "@janedoe",
text: "TechCore transformed our digital infrastructure overnight. Truly impressive.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/portrait-of-a-happy-client-1776784731732-affde20b.png",
},
{
name: "John Smith",
handle: "@johns",
text: "The team's dedication to our platform's success is unmatched.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/portrait-of-a-business-professional-1776784741469-8b9f70c7.png",
},
{
name: "Emily Chen",
handle: "@emilyc",
text: "A seamless development experience for our custom API needs.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/portrait-of-a-technology-user-1776784751336-55c0fe16.png",
},
{
name: "Marcus Vane",
handle: "@marcusv",
text: "Unparalleled technical support and innovative architecture.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/portrait-of-an-enterprise-executive-1776784763199-0f2ef2dc.png",
},
{
name: "Sarah Jenkins",
handle: "@sarahj",
text: "The go-to partner for complex digital transformation.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/portrait-of-a-digital-manager-1776784774008-0c3812f9.png",
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/a-professional-tech-dashboard-interface--1776784655353-08906802.png?_wi=1"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
tag="Enterprise IT Solutions"
title="Scaling Technology for Modern Business"
description="We build scalable, secure, and innovative software solutions designed to propel your business into the future of digital efficiency."
primaryButton={{ text: "Book Consultation", href: "#contact" }}
secondaryButton={{ text: "View Solutions", href: "#features" }}
testimonials={[
{ name: "Jane Doe", handle: "@janedoe", text: "TechCore transformed our digital infrastructure overnight. Truly impressive.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/portrait-of-a-happy-client-1776784731732-affde20b.png" },
{ name: "John Smith", handle: "@johns", text: "The team's dedication to our platform's success is unmatched.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/portrait-of-a-business-professional-1776784741469-8b9f70c7.png" },
{ name: "Emily Chen", handle: "@emilyc", text: "A seamless development experience for our custom API needs.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/portrait-of-a-technology-user-1776784751336-55c0fe16.png" },
{ name: "Marcus Vane", handle: "@marcusv", text: "Unparalleled technical support and innovative architecture.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/portrait-of-an-enterprise-executive-1776784763199-0f2ef2dc.png" },
{ name: "Sarah Jenkins", handle: "@sarahj", text: "The go-to partner for complex digital transformation.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/portrait-of-a-digital-manager-1776784774008-0c3812f9.png" }
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/a-professional-tech-dashboard-interface--1776784655353-08906802.png"
/>
</div>
<div id="features" data-section="features">
<FeaturesMediaCards
tag="Our Expertise"
title="Innovative Solutions for Complex Challenges"
description="We specialize in delivering robust software products that empower organizations to achieve operational excellence."
items={[
{
title: "Cloud Infrastructure",
description: "Highly available and scalable cloud solutions that grow with your enterprise.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/minimalist-icon-of-a-cloud-infrastructur-1776784663712-83dfd914.png",
},
{
title: "Enterprise Security",
description: "Proactive security measures to safeguard your sensitive data against modern threats.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/minimalist-icon-of-a-security-shield-pro-1776784671354-0abb1ba3.png",
},
{
title: "AI & Automation",
description: "Leveraging cutting-edge AI to automate repetitive tasks and optimize workflows.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/minimalist-icon-representing-ai-neural-n-1776784679260-cb30bcd9.png",
},
]}
/>
</div>
<div id="features" data-section="features">
<FeaturesMediaCards
tag="Our Expertise"
title="Innovative Solutions for Complex Challenges"
description="We specialize in delivering robust software products that empower organizations to achieve operational excellence."
items={[
{ title: "Cloud Infrastructure", description: "Highly available and scalable cloud solutions that grow with your enterprise.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/minimalist-icon-of-a-cloud-infrastructur-1776784663712-83dfd914.png" },
{ title: "Enterprise Security", description: "Proactive security measures to safeguard your sensitive data against modern threats.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/minimalist-icon-of-a-security-shield-pro-1776784671354-0abb1ba3.png" },
{ title: "AI & Automation", description: "Leveraging cutting-edge AI to automate repetitive tasks and optimize workflows.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/minimalist-icon-representing-ai-neural-n-1776784679260-cb30bcd9.png" }
]}
/>
</div>
<div id="about" data-section="about">
<AboutFeaturesSplit
tag="About Us"
title="Technology Partners Driven by Excellence"
description="With over a decade of experience, TechCore has consistently delivered top-tier software solutions for businesses worldwide."
items={[
{
icon: CheckCircle,
title: "Proven Track Record",
description: "Trusted by hundreds of organizations.",
},
{
icon: Zap,
title: "Rapid Deployment",
description: "Agile methodologies for faster project delivery.",
},
{
icon: Shield,
title: "Client-First Focus",
description: "We prioritize your business objectives above all else.",
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/a-modern-open-plan-office-developers-wor-1776784689715-606bf683.png"
/>
</div>
<div id="about" data-section="about">
<AboutFeaturesSplit
tag="About Us"
title="Technology Partners Driven by Excellence"
description="With over a decade of experience, TechCore has consistently delivered top-tier software solutions for businesses worldwide."
items={[
{ icon: "CheckCircle", title: "Proven Track Record", description: "Trusted by hundreds of organizations." },
{ icon: "Zap", title: "Rapid Deployment", description: "Agile methodologies for faster project delivery." },
{ icon: "Shield", title: "Client-First Focus", description: "We prioritize your business objectives above all else." }
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/a-modern-open-plan-office-developers-wor-1776784689715-606bf683.png"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricsFeatureCards
tag="Our Impact"
title="Numbers That Tell a Success Story"
description="We take pride in the tangible results we deliver for our partners every single day."
metrics={[
{
value: "99.9%",
title: "System Uptime",
features: [
"Advanced monitoring",
"24/7 support",
"Robust infrastructure",
],
},
{
value: "500+",
title: "Projects Completed",
features: [
"Enterprise apps",
"SaaS platforms",
"API integrations",
],
},
{
value: "12+",
title: "Years of Experience",
features: [
"Domain expertise",
"Industry leaders",
"Global reach",
],
},
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricsFeatureCards
tag="Our Impact"
title="Numbers That Tell a Success Story"
description="We take pride in the tangible results we deliver for our partners every single day."
metrics={[
{ value: "99.9%", title: "System Uptime", features: ["Advanced monitoring", "24/7 support", "Robust infrastructure"] },
{ value: "500+", title: "Projects Completed", features: ["Enterprise apps", "SaaS platforms", "API integrations"] },
{ value: "12+", title: "Years of Experience", features: ["Domain expertise", "Industry leaders", "Global reach"] }
]}
/>
</div>
<div id="pricing" data-section="pricing">
<PricingLayeredCards
tag="Simple Pricing"
title="Scalable Plans for Every Need"
description="Transparent, tiered pricing designed to help you scale efficiently without hidden costs."
plans={[
{
tag: "Essentials",
price: "$2,000",
description: "Basic cloud setup and standard support.",
primaryButton: {
text: "Choose Plan",
href: "#contact",
},
features: [
"Server setup",
"Basic monitoring",
"8/5 support",
],
},
{
tag: "Professional",
price: "$5,000",
description: "Full-stack development and priority support.",
primaryButton: {
text: "Choose Plan",
href: "#contact",
},
features: [
"Full CI/CD pipeline",
"Dedicated team",
"24/7 support",
],
},
{
tag: "Enterprise",
price: "Custom",
description: "Tailored solutions for global enterprises.",
primaryButton: {
text: "Contact Us",
href: "#contact",
},
features: [
"Custom architecture",
"SLA guarantees",
"Dedicated account manager",
],
},
]}
/>
</div>
<div id="pricing" data-section="pricing">
<PricingLayeredCards
tag="Simple Pricing"
title="Scalable Plans for Every Need"
description="Transparent, tiered pricing designed to help you scale efficiently without hidden costs."
plans={[
{ tag: "Essentials", price: "$2,000", description: "Basic cloud setup and standard support.", primaryButton: { text: "Choose Plan", href: "#contact" }, features: ["Server setup", "Basic monitoring", "8/5 support"] },
{ tag: "Professional", price: "$5,000", description: "Full-stack development and priority support.", primaryButton: { text: "Choose Plan", href: "#contact" }, features: ["Full CI/CD pipeline", "Dedicated team", "24/7 support"] },
{ tag: "Enterprise", price: "Custom", description: "Tailored solutions for global enterprises.", primaryButton: { text: "Contact Us", href: "#contact" }, features: ["Custom architecture", "SLA guarantees", "Dedicated account manager"] }
]}
/>
</div>
<div id="team" data-section="team">
<TeamListCards
tag="Our Leadership"
title="Experts Dedicated to Your Success"
description="Our team of seasoned developers, architects, and strategists are ready to take on your biggest challenges."
groups={[
{
title: "Engineering Team",
members: [
<div id="team" data-section="team">
<TeamListCards
tag="Our Leadership"
title="Experts Dedicated to Your Success"
description="Our team of seasoned developers, architects, and strategists are ready to take on your biggest challenges."
groups={[
{
name: "Alice Johnson",
role: "CTO",
detail: "15+ years in system architecture.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/professional-headshot-of-a-software-engi-1776784700066-cf6a414f.png",
},
{
name: "Bob Miller",
role: "Senior Architect",
detail: "Expert in distributed systems.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/professional-headshot-of-a-female-tech-l-1776784711097-9fc6959d.png",
},
{
name: "Charlie Davis",
role: "Lead Dev",
detail: "Specialist in AI and ML.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/professional-headshot-of-a-data-analyst--1776784720596-25b694c3.png",
},
],
imageUrl: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/a-professional-tech-dashboard-interface--1776784655353-08906802.png?_wi=2",
imageAlt: "Professional headshot of a software engineer, neutral office background, high-end photography.",
},
]}
/>
</div>
title: "Engineering Team", members: [
{ name: "Alice Johnson", role: "CTO", detail: "15+ years in system architecture.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/professional-headshot-of-a-software-engi-1776784700066-cf6a414f.png" },
{ name: "Bob Miller", role: "Senior Architect", detail: "Expert in distributed systems.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/professional-headshot-of-a-female-tech-l-1776784711097-9fc6959d.png" },
{ name: "Charlie Davis", role: "Lead Dev", detail: "Specialist in AI and ML.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/professional-headshot-of-a-data-analyst--1776784720596-25b694c3.png" }
]
}
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialSplitCards
tag="Client Stories"
title="Trusted by Industry Leaders"
description="Discover why global companies choose TechCore for their digital transformation projects."
testimonials={[
{
tag: "Financial Services",
title: "Efficiency Boost",
quote: "TechCore transformed our legacy systems into a modern platform.",
name: "Sarah Miller",
date: "March 2024",
avatarImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/portrait-of-a-happy-client-1776784797126-6bb978e1.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/portrait-of-a-happy-client-1776784807364-0f04371f.png",
},
{
name: "Michael Brown",
quote: "Outstanding dedication to our security needs.",
tag: "Healthcare",
title: "Security First",
date: "Feb 2024",
avatarImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/portrait-of-a-business-professional-1776784816671-bced3b89.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/portrait-of-a-business-professional-1776784827592-33efa495.png",
},
{
name: "Jessica Lee",
quote: "The most reliable development partner we've ever had.",
tag: "E-Commerce",
title: "Reliable Partner",
date: "Jan 2024",
avatarImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/portrait-of-a-technology-user-1776784838042-7571dcca.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/portrait-of-a-technology-user-1776784847376-edb90aa4.png",
},
{
name: "David Wilson",
quote: "Expertise and professionalism at every step.",
tag: "Logistics",
title: "Expert Team",
date: "Dec 2023",
avatarImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/portrait-of-an-enterprise-executive-1776784763199-0f2ef2dc.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/portrait-of-an-enterprise-executive-1776784859136-2f9e5eb6.png",
},
{
name: "Emily White",
quote: "Our growth trajectory changed after their input.",
tag: "Tech",
title: "Growth Catalyst",
date: "Nov 2023",
avatarImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/portrait-of-a-digital-manager-1776784774008-0c3812f9.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/portrait-of-a-digital-manager-1776784869756-96a6be93.png",
},
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialSplitCards
tag="Client Stories"
title="Trusted by Industry Leaders"
description="Discover why global companies choose TechCore for their digital transformation projects."
testimonials={[
{ tag: "Financial Services", title: "Efficiency Boost", quote: "TechCore transformed our legacy systems into a modern platform.", name: "Sarah Miller", date: "March 2024", avatarImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/portrait-of-a-happy-client-1776784797126-6bb978e1.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/portrait-of-a-happy-client-1776784807364-0f04371f.png" },
{ name: "Michael Brown", quote: "Outstanding dedication to our security needs.", tag: "Healthcare", title: "Security First", date: "Feb 2024", avatarImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/portrait-of-a-business-professional-1776784816671-bced3b89.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/portrait-of-a-business-professional-1776784827592-33efa495.png" },
{ name: "Jessica Lee", quote: "The most reliable development partner we've ever had.", tag: "E-Commerce", title: "Reliable Partner", date: "Jan 2024", avatarImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/portrait-of-a-technology-user-1776784838042-7571dcca.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/portrait-of-a-technology-user-1776784847376-edb90aa4.png" },
{ name: "David Wilson", quote: "Expertise and professionalism at every step.", tag: "Logistics", title: "Expert Team", date: "Dec 2023", avatarImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/portrait-of-an-enterprise-executive-1776784763199-0f2ef2dc.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/portrait-of-an-enterprise-executive-1776784859136-2f9e5eb6.png" },
{ name: "Emily White", quote: "Our growth trajectory changed after their input.", tag: "Tech", title: "Growth Catalyst", date: "Nov 2023", avatarImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/portrait-of-a-digital-manager-1776784774008-0c3812f9.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/portrait-of-a-digital-manager-1776784869756-96a6be93.png" }
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
tag="Help Center"
title="Frequently Asked Questions"
description="Get quick answers to common questions about our services and process."
items={[
{
question: "What is your typical development timeline?",
answer: "It varies based on scope, typically ranging from 3-6 months for enterprise projects.",
},
{
question: "Do you offer post-launch support?",
answer: "Yes, we provide ongoing maintenance and support packages to ensure long-term stability.",
},
{
question: "How do you handle data security?",
answer: "We adhere to ISO 27001 standards and implement industry-best encryption protocols.",
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/a-modern-open-plan-office-developers-wor-1776784881188-abb89989.png"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
tag="Help Center"
title="Frequently Asked Questions"
description="Get quick answers to common questions about our services and process."
items={[
{ question: "What is your typical development timeline?", answer: "It varies based on scope, typically ranging from 3-6 months for enterprise projects." },
{ question: "Do you offer post-launch support?", answer: "Yes, we provide ongoing maintenance and support packages to ensure long-term stability." },
{ question: "How do you handle data security?", answer: "We adhere to ISO 27001 standards and implement industry-best encryption protocols." }
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/a-modern-open-plan-office-developers-wor-1776784881188-abb89989.png"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
tag="Get in Touch"
title="Start Your Digital Transformation"
description="Ready to take the next step? Fill out the form, and our consultants will reach out shortly."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "Tell us about your project...",
rows: 4,
required: true,
}}
buttonText="Send Message"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/a-clean-modern-workspace-with-a-laptop-a-1776784783696-919de28b.png"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
tag="Get in Touch"
title="Start Your Digital Transformation"
description="Ready to take the next step? Fill out the form, and our consultants will reach out shortly."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true }
]}
textarea={{ name: "message", placeholder: "Tell us about your project...", rows: 4, required: true }}
buttonText="Send Message"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/a-clean-modern-workspace-with-a-laptop-a-1776784783696-919de28b.png"
/>
</div>
<div id="footer" data-section="footer">
<FooterBrand
brand="TechCore Systems"
columns={[
{
items: [
{
label: "About",
href: "#about",
},
{
label: "Services",
href: "#features",
},
{
label: "Careers",
href: "#",
},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
{
label: "Contact",
href: "#contact",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBrand
brand="TechCore Systems"
columns={[
{ items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }, { label: "Careers", href: "#" }] },
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Contact", href: "#contact" }] }
]}
/>
</div>
</>
);
}
}