424 lines
16 KiB
TypeScript
424 lines
16 KiB
TypeScript
import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeaturesMediaCards from '@/components/sections/features/FeaturesMediaCards';
|
|
import FooterBrand from '@/components/sections/footer/FooterBrand';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
|
|
import NavbarCentered from '@/components/ui/NavbarCentered';
|
|
import PricingLayeredCards from '@/components/sections/pricing/PricingLayeredCards';
|
|
import TeamListCards from '@/components/sections/team/TeamListCards';
|
|
import TestimonialSplitCards from '@/components/sections/testimonial/TestimonialSplitCards';
|
|
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="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="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="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: [
|
|
{
|
|
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",
|
|
},
|
|
],
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AJb0zJP2EWyuYlH5wmRP5jjTA5/a-professional-tech-dashboard-interface--1776784655353-08906802.png",
|
|
imageAlt: "Professional headshot of a software engineer, neutral office background, high-end photography.",
|
|
},
|
|
]}
|
|
/>
|
|
</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="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>
|
|
</>
|
|
);
|
|
}
|