2 Commits

Author SHA1 Message Date
5394294776 Merge version_2 into main
Merge version_2 into main
2026-06-11 11:15:25 +00:00
f0fafc47ee Update src/app/page.tsx 2026-06-11 11:15:19 +00:00

View File

@@ -34,56 +34,37 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "#hero"},
id: "#hero",
},
{ {
name: "About Us", name: "About Us", id: "#about"},
id: "#about",
},
{ {
name: "Services", name: "Services", id: "#services"},
id: "#services",
},
{ {
name: "Products", name: "Products", id: "#products"},
id: "#products",
},
{ {
name: "Testimonials", name: "Testimonials", id: "#testimonials"},
id: "#testimonials",
},
{ {
name: "Contact", name: "Contact", id: "#contact"},
id: "#contact",
},
]} ]}
logoSrc="http://img.b2bpic.net/free-vector/technology-logo-collection-gradient-style_52683-14096.jpg" logoSrc="http://img.b2bpic.net/free-vector/technology-logo-collection-gradient-style_52683-14096.jpg"
logoAlt="Büsser Informatik Logo" logoAlt="Büsser Informatik Logo"
brandName="Büsser Informatik" brandName="Büsser Informatik"
button={{ button={{
text: "Get a Quote", text: "Get a Quote", href: "#contact"}}
href: "#contact",
}}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroLogoBillboard <HeroLogoBillboard
background={{ background={{
variant: "plain", variant: "plain"}}
}}
logoText="Büsser Informatik GmbH" logoText="Büsser Informatik GmbH"
description="Your trusted partner for comprehensive IT services, from expert consulting and sales to seamless installation and reliable support." description="Your trusted partner for comprehensive IT services, from expert consulting and sales to seamless installation and reliable support."
buttons={[ buttons={[
{ {
text: "Explore Services", text: "Explore Services", href: "#services"},
href: "#services",
},
{ {
text: "Get in Touch", text: "Get in Touch", href: "#contact"},
href: "#contact",
},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/federal-anti-terrorism-command-center-with-big-screen-radar-surveillance_482257-90030.jpg" imageSrc="http://img.b2bpic.net/free-photo/federal-anti-terrorism-command-center-with-big-screen-radar-surveillance_482257-90030.jpg"
@@ -100,17 +81,11 @@ export default function LandingPage() {
description="Büsser Informatik GmbH offers comprehensive IT solutions tailored to your needs. With years of experience, we provide expert advice, high-quality hardware and software, and dedicated support for individuals and businesses." description="Büsser Informatik GmbH offers comprehensive IT solutions tailored to your needs. With years of experience, we provide expert advice, high-quality hardware and software, and dedicated support for individuals and businesses."
metrics={[ metrics={[
{ {
value: "25+", value: "25+", title: "Years Experience"},
title: "Years Experience",
},
{ {
value: "99%", value: "99%", title: "Client Satisfaction"},
title: "Client Satisfaction",
},
{ {
value: "24/7", value: "24/7", title: "Dedicated Support"},
title: "Dedicated Support",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/diverse-group-professionals-review-files-performance-metrics-using-projections-budgeting_482257-136482.jpg" imageSrc="http://img.b2bpic.net/free-photo/diverse-group-professionals-review-files-performance-metrics-using-projections-budgeting_482257-136482.jpg"
imageAlt="IT team collaborating in a modern office" imageAlt="IT team collaborating in a modern office"
@@ -126,35 +101,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
id: "consulting", id: "consulting", title: "Expert Consulting", descriptions: [
title: "Expert Consulting", "Tailored advice for your IT infrastructure and digital strategy.", "Optimize your systems for peak performance and security."],
descriptions: [ imageSrc: "http://img.b2bpic.net/free-photo/administrator-assistant-gather-data-from-monthly-reports-reviewing-performance-metrics_482257-133739.jpg", imageAlt: "Professional IT consultant explaining data to a client"},
"Tailored advice for your IT infrastructure and digital strategy.",
"Optimize your systems for peak performance and security.",
],
imageSrc: "http://img.b2bpic.net/free-photo/administrator-assistant-gather-data-from-monthly-reports-reviewing-performance-metrics_482257-133739.jpg",
imageAlt: "Professional IT consultant explaining data to a client",
},
{ {
id: "sales", id: "sales", title: "Hardware & Software Sales", descriptions: [
title: "Hardware & Software Sales", "Access to leading brands and the latest technology.", "Curated products that meet your specific requirements."],
descriptions: [ imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-office-with-mobile-phone_1301-6645.jpg", imageAlt: "Person installing software on a laptop"},
"Access to leading brands and the latest technology.",
"Curated products that meet your specific requirements.",
],
imageSrc: "http://img.b2bpic.net/free-photo/business-people-working-office-with-mobile-phone_1301-6645.jpg",
imageAlt: "Person installing software on a laptop",
},
{ {
id: "support", id: "support", title: "Installation & Support", descriptions: [
title: "Installation & Support", "Seamless setup of new systems and network components.", "Reliable, prompt support to keep your operations running smoothly."],
descriptions: [ imageSrc: "http://img.b2bpic.net/free-photo/people-repairing-computer-chips_23-2150881005.jpg", imageAlt: "IT technician helping a user with a computer problem"},
"Seamless setup of new systems and network components.",
"Reliable, prompt support to keep your operations running smoothly.",
],
imageSrc: "http://img.b2bpic.net/free-photo/people-repairing-computer-chips_23-2150881005.jpg",
imageAlt: "IT technician helping a user with a computer problem",
},
]} ]}
title="Our Comprehensive IT Services" title="Our Comprehensive IT Services"
description="From initial consultation to ongoing maintenance, we cover all your IT needs with professionalism and efficiency." description="From initial consultation to ongoing maintenance, we cover all your IT needs with professionalism and efficiency."
@@ -170,53 +127,17 @@ export default function LandingPage() {
carouselMode="buttons" carouselMode="buttons"
products={[ products={[
{ {
id: "product-1", id: "product-1", name: "High-Performance Business Laptop", price: "CHF 1'499", variant: "Intel i7, 16GB RAM, 512GB SSD", imageSrc: "http://img.b2bpic.net/free-photo/image-engineering-objects-workplace-top-view-construction-concept-engineering-tools-vintage-tone-retro-filter-effect-soft-focus-selective-focus_1418-464.jpg", imageAlt: "Sleek business laptop"},
name: "High-Performance Business Laptop",
price: "CHF 1'499",
variant: "Intel i7, 16GB RAM, 512GB SSD",
imageSrc: "http://img.b2bpic.net/free-photo/image-engineering-objects-workplace-top-view-construction-concept-engineering-tools-vintage-tone-retro-filter-effect-soft-focus-selective-focus_1418-464.jpg",
imageAlt: "Sleek business laptop",
},
{ {
id: "product-2", id: "product-2", name: "Enterprise Cloud Server", price: "CHF 3'800", variant: "Scalable, Secure, Reliable", imageSrc: "http://img.b2bpic.net/free-photo/black-network-switch-with-optical-fiber-cables_23-2148242677.jpg", imageAlt: "Enterprise cloud server"},
name: "Enterprise Cloud Server",
price: "CHF 3'800",
variant: "Scalable, Secure, Reliable",
imageSrc: "http://img.b2bpic.net/free-photo/black-network-switch-with-optical-fiber-cables_23-2148242677.jpg",
imageAlt: "Enterprise cloud server",
},
{ {
id: "product-3", id: "product-3", name: "Managed Wi-Fi Router", price: "CHF 349", variant: "Dual-Band, High-Speed", imageSrc: "http://img.b2bpic.net/free-photo/irritated-african-american-man-struggling-reach-internet-provider_482257-119309.jpg", imageAlt: "High-performance wireless router"},
name: "Managed Wi-Fi Router",
price: "CHF 349",
variant: "Dual-Band, High-Speed",
imageSrc: "http://img.b2bpic.net/free-photo/irritated-african-american-man-struggling-reach-internet-provider_482257-119309.jpg",
imageAlt: "High-performance wireless router",
},
{ {
id: "product-4", id: "product-4", name: "Advanced Cybersecurity Suite", price: "CHF 199/year", variant: "Endpoint Protection, Threat Detection", imageSrc: "http://img.b2bpic.net/free-photo/cyber-safety-concept-with-chain-padlock-keyboard-wooden-cubes-white-background-flat-lay_176474-7658.jpg", imageAlt: "Cybersecurity software icon"},
name: "Advanced Cybersecurity Suite",
price: "CHF 199/year",
variant: "Endpoint Protection, Threat Detection",
imageSrc: "http://img.b2bpic.net/free-photo/cyber-safety-concept-with-chain-padlock-keyboard-wooden-cubes-white-background-flat-lay_176474-7658.jpg",
imageAlt: "Cybersecurity software icon",
},
{ {
id: "product-5", id: "product-5", name: "Automated Data Backup Solution", price: "CHF 99/month", variant: "Cloud & Local Storage", imageSrc: "http://img.b2bpic.net/free-photo/storage-cloud_1048-1655.jpg", imageAlt: "Data backup icon with cloud"},
name: "Automated Data Backup Solution",
price: "CHF 99/month",
variant: "Cloud & Local Storage",
imageSrc: "http://img.b2bpic.net/free-photo/storage-cloud_1048-1655.jpg",
imageAlt: "Data backup icon with cloud",
},
{ {
id: "product-6", id: "product-6", name: "Hybrid Cloud Integration", price: "Custom Quote", variant: "Seamless Migration & Management", imageSrc: "http://img.b2bpic.net/free-photo/cloud-upload-icon-line-connection-circuit-board_1379-890.jpg", imageAlt: "Hybrid cloud services illustration"},
name: "Hybrid Cloud Integration",
price: "Custom Quote",
variant: "Seamless Migration & Management",
imageSrc: "http://img.b2bpic.net/free-photo/cloud-upload-icon-line-connection-circuit-board_1379-890.jpg",
imageAlt: "Hybrid cloud services illustration",
},
]} ]}
title="Products We Provide & Support" title="Products We Provide & Support"
description="We offer a curated selection of hardware and software solutions to empower your business with the best technology." description="We offer a curated selection of hardware and software solutions to empower your business with the best technology."
@@ -230,31 +151,16 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ {
id: "metric-1", id: "metric-1", value: "1000+", title: "Projects Completed", items: [
value: "1000+", "Successful migrations", "System upgrades"],
title: "Projects Completed",
items: [
"Successful migrations",
"System upgrades",
],
}, },
{ {
id: "metric-2", id: "metric-2", value: "250+", title: "Happy Clients", items: [
value: "250+", "Small businesses", "Private individuals"],
title: "Happy Clients",
items: [
"Small businesses",
"Private individuals",
],
}, },
{ {
id: "metric-3", id: "metric-3", value: "98%", title: "Uptime Guarantee", items: [
value: "98%", "Reliable systems", "Proactive monitoring"],
title: "Uptime Guarantee",
items: [
"Reliable systems",
"Proactive monitoring",
],
}, },
]} ]}
title="Our Impact & Reliability" title="Our Impact & Reliability"
@@ -271,45 +177,20 @@ export default function LandingPage() {
carouselMode="buttons" carouselMode="buttons"
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Anna Keller", role: "CEO", company: "K-Tech Solutions", rating: 5,
name: "Anna Keller", imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-grey-haired-female-ceo-smiling-content-experienced-beautiful-businesswoman-posing-office-room-business-company-appearance-expression-concept_74855-11905.jpg"},
role: "CEO",
company: "K-Tech Solutions",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-grey-haired-female-ceo-smiling-content-experienced-beautiful-businesswoman-posing-office-room-business-company-appearance-expression-concept_74855-11905.jpg",
},
{ {
id: "2", id: "2", name: "Markus Schmidt", role: "CTO", company: "DataFlow AG", rating: 5,
name: "Markus Schmidt", imageSrc: "http://img.b2bpic.net/free-photo/joyful-tablet-user-glasses-happy-about-high-speed-connection_74855-2969.jpg"},
role: "CTO",
company: "DataFlow AG",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/joyful-tablet-user-glasses-happy-about-high-speed-connection_74855-2969.jpg",
},
{ {
id: "3", id: "3", name: "Lena Meier", role: "Marketing Director", company: "Creative Minds", rating: 5,
name: "Lena Meier", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-photographer-wearing-classic-suit-holding-retro-camera-standing-with-his-arms-crossed_613910-19284.jpg"},
role: "Marketing Director",
company: "Creative Minds",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-photographer-wearing-classic-suit-holding-retro-camera-standing-with-his-arms-crossed_613910-19284.jpg",
},
{ {
id: "4", id: "4", name: "Dominik Fuchs", role: "Product Manager", company: "Innovate GmbH", rating: 5,
name: "Dominik Fuchs", imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg"},
role: "Product Manager",
company: "Innovate GmbH",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
},
{ {
id: "5", id: "5", name: "Sandra Müller", role: "Small Business Owner", company: "Local Bakery", rating: 5,
name: "Sandra Müller", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman_107420-84872.jpg"},
role: "Small Business Owner",
company: "Local Bakery",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman_107420-84872.jpg",
},
]} ]}
title="What Our Clients Say" title="What Our Clients Say"
description="Hear directly from satisfied customers about how Büsser Informatik has empowered their businesses." description="Hear directly from satisfied customers about how Büsser Informatik has empowered their businesses."
@@ -321,14 +202,7 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
names={[ names={[
"GlobalTech Solutions", "GlobalTech Solutions", "Innovate Data Corp", "Synergy Systems", "CloudWorks Services", "CyberGuard Solutions", "Quantum Analytics", "GreenTech Innovations"]}
"Innovate Data Corp",
"Synergy Systems",
"CloudWorks Services",
"CyberGuard Solutions",
"Quantum Analytics",
"GreenTech Innovations",
]}
title="Trusted by Leading Businesses" title="Trusted by Leading Businesses"
description="Our partnerships demonstrate our commitment to excellence and reliability across various industries." description="Our partnerships demonstrate our commitment to excellence and reliability across various industries."
speed={50} speed={50}
@@ -341,33 +215,18 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
faqs={[ faqs={[
{ {
id: "q1", id: "q1", title: "Welche IT-Dienstleistungen bietet Büsser Informatik an?", content: "Wir bieten eine umfassende Palette von IT-Dienstleistungen an, einschliesslich Beratung, Hard- und Softwareverkauf, Installation, Netzwerk-Setup, Cybersecurity-Lösungen und fortlaufenden technischen Support für Privat- und Geschäftskunden."},
title: "What IT services does Büsser Informatik offer?",
content: "We offer a full range of IT services including consulting, hardware and software sales, installation, network setup, cybersecurity solutions, and ongoing technical support for both private and business clients.",
},
{ {
id: "q2", id: "q2", title: "Bieten Sie Vor-Ort-Support an?", content: "Ja, unsere Techniker bieten effizienten Vor-Ort-Support für Installation, Fehlerbehebung und Wartung, um minimale Betriebsunterbrechungen zu gewährleisten."},
title: "Do you provide on-site support?",
content: "Yes, our technicians provide efficient on-site support for installation, troubleshooting, and maintenance, ensuring minimal disruption to your operations.",
},
{ {
id: "q3", id: "q3", title: "Können Sie bei Datenwiederherstellung und Backup-Lösungen helfen?", content: "Absolut. Wir sind spezialisiert auf robuste Datenbackup-Lösungen, einschliesslich Cloud- und lokaler Speicherung, und können bei der Datenwiederherstellung helfen, um Ihre wertvollen Informationen zu schützen."},
title: "Can you help with data recovery and backup solutions?",
content: "Absolutely. We specialize in robust data backup solutions, including cloud and local storage, and can assist with data recovery to safeguard your valuable information.",
},
{ {
id: "q4", id: "q4", title: "Welche Art von Cybersecurity-Lösungen bieten Sie an?", content: "Unsere Cybersecurity-Dienstleistungen umfassen Endpunktschutz, Firewall-Konfiguration, Bedrohungserkennung, Datenverschlüsselung und Mitarbeiterschulungen, um Ihre Systeme vor sich entwickelnden digitalen Bedrohungen zu schützen."},
title: "What kind of cybersecurity solutions do you offer?",
content: "Our cybersecurity services include endpoint protection, firewall configuration, threat detection, data encryption, and employee training to protect your systems from evolving digital threats.",
},
{ {
id: "q5", id: "q5", title: "Wie beantrage ich eine Beratung oder Support?", content: "Sie erreichen uns einfach telefonisch unter 052 338 11 11, per E-Mail an info@buesser.ch oder über das Kontaktformular auf unserer Website. Wir sind für Sie da!"},
title: "How do I request a consultation or support?",
content: "You can easily reach us via phone at 052 338 11 11, email at info@buesser.ch, or by filling out the contact form on our website. We're here to help!",
},
]} ]}
title="Frequently Asked Questions" title="Häufig gestellte Fragen"
description="Find quick answers to common questions about our IT services, products, and support." description="Finden Sie schnelle Antworten auf häufige Fragen zu unseren IT-Dienstleistungen, Produkten und Support."
faqsAnimation="slide-up" faqsAnimation="slide-up"
/> />
</div> </div>
@@ -376,22 +235,17 @@ export default function LandingPage() {
<ContactCTA <ContactCTA
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "sparkles-gradient", variant: "sparkles-gradient"}}
}} tag="Kontaktieren Sie uns"
tag="Get in Touch"
tagIcon={Zap} tagIcon={Zap}
tagAnimation="slide-up" tagAnimation="slide-up"
title="Ready to Elevate Your IT Infrastructure?" title="Bereit, Ihre IT-Infrastruktur zu optimieren?"
description="Contact Büsser Informatik GmbH today for a personalized consultation and discover how our expert IT solutions can benefit your business." description="Kontaktieren Sie Büsser Informatik GmbH noch heute für eine persönliche Beratung und entdecken Sie, wie unsere Experten-IT-Lösungen Ihrem Unternehmen zugutekommen können."
buttons={[ buttons={[
{ {
text: "Call Us: 052 338 11 11", text: "Rufen Sie uns an: 052 338 11 11", href: "tel:+41523381111"},
href: "tel:+41523381111",
},
{ {
text: "Email Us", text: "Senden Sie uns eine E-Mail", href: "mailto:info@buesser.ch"},
href: "mailto:info@buesser.ch",
},
]} ]}
buttonAnimation="opacity" buttonAnimation="opacity"
/> />
@@ -402,13 +256,11 @@ export default function LandingPage() {
logoSrc="http://img.b2bpic.net/free-psd/computer-repair-template-design_23-2151496791.jpg" logoSrc="http://img.b2bpic.net/free-psd/computer-repair-template-design_23-2151496791.jpg"
logoAlt="Büsser Informatik Logo" logoAlt="Büsser Informatik Logo"
logoText="Büsser Informatik GmbH" logoText="Büsser Informatik GmbH"
copyrightText="© 2024 Büsser Informatik GmbH. All rights reserved." copyrightText="© 2024 Büsser Informatik GmbH. Alle Rechte vorbehalten."
socialLinks={[ socialLinks={[
{ {
icon: Linkedin, icon: Linkedin,
href: "https://www.linkedin.com/company/büsser-informatik-gmbh", href: "https://www.linkedin.com/company/büsser-informatik-gmbh", ariaLabel: "LinkedIn"},
ariaLabel: "LinkedIn",
},
]} ]}
/> />
</div> </div>