Merge version_1 into main #2
361
src/app/page.tsx
361
src/app/page.tsx
@@ -26,260 +26,127 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="One Byte IT"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="One Byte IT"
|
||||
button={{ text: "Get Help", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="One Byte IT Consultants"
|
||||
description="Fast, Reliable Computer Repair & IT Support in Lindenhurst. 24/7 help from a trusted local expert."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call (646) 820-3067",
|
||||
href: "tel:6468203067",
|
||||
},
|
||||
{
|
||||
text: "Request Help",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-center-computer-scientist-uses-pc-update-servers-tech_482257-126364.jpg?_wi=1",
|
||||
imageAlt: "Fast professional IT support services",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-center-computer-scientist-uses-pc-update-servers-tech_482257-126364.jpg?_wi=2",
|
||||
imageAlt: "Same-day computer repair available",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-center-computer-scientist-uses-pc-update-servers-tech_482257-126364.jpg?_wi=3",
|
||||
imageAlt: "Local IT expert Gary at your service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-center-computer-scientist-uses-pc-update-servers-tech_482257-126364.jpg?_wi=4",
|
||||
imageAlt: "Expert virus removal and diagnostics",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-center-computer-scientist-uses-pc-update-servers-tech_482257-126364.jpg?_wi=5",
|
||||
imageAlt: "Small business IT solutions",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-center-computer-scientist-uses-pc-update-servers-tech_482257-126364.jpg?_wi=6",
|
||||
imageAlt: "24/7 emergency support ready",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="One Byte IT Consultants"
|
||||
description="Fast, Reliable Computer Repair & IT Support in Lindenhurst. 24/7 help from a trusted local expert."
|
||||
buttons={[
|
||||
{ text: "Call (646) 820-3067", href: "tel:6468203067" },
|
||||
{ text: "Request Help", href: "#contact" },
|
||||
]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/data-center-computer-scientist-uses-pc-update-servers-tech_482257-126364.jpg", imageAlt: "Fast professional IT support services" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/data-center-computer-scientist-uses-pc-update-servers-tech_482257-126364.jpg", imageAlt: "Same-day computer repair available" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/data-center-computer-scientist-uses-pc-update-servers-tech_482257-126364.jpg", imageAlt: "Local IT expert Gary at your service" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/data-center-computer-scientist-uses-pc-update-servers-tech_482257-126364.jpg", imageAlt: "Expert virus removal and diagnostics" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/data-center-computer-scientist-uses-pc-update-servers-tech_482257-126364.jpg", imageAlt: "Small business IT solutions" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/data-center-computer-scientist-uses-pc-update-servers-tech_482257-126364.jpg", imageAlt: "24/7 emergency support ready" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Meet Gary, Your Local IT Expert"
|
||||
description={[
|
||||
"With years of experience diagnosing and fixing tech problems, I pride myself on providing clear, jargon-free explanations and honest, reliable service.",
|
||||
"I believe in fair pricing and building lasting relationships. Whether you're a homeowner with a slow PC or a small business needing infrastructure support, I'm here to ensure your technology works for you, not against you.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Meet Gary, Your Local IT Expert"
|
||||
description={[
|
||||
"With years of experience diagnosing and fixing tech problems, I pride myself on providing clear, jargon-free explanations and honest, reliable service.", "I believe in fair pricing and building lasting relationships. Whether you're a homeowner with a slow PC or a small business needing infrastructure support, I'm here to ensure your technology works for you, not against you."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Computer Repair",
|
||||
description: "Expert hardware and software troubleshooting for all PC and Mac models.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-holding-computer-parts-workshop_23-2147922226.jpg?_wi=1",
|
||||
imageAlt: "Laptop repair",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Virus Removal",
|
||||
description: "Complete malware cleanup and security optimization to keep your data safe.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-holding-computer-parts-workshop_23-2147922226.jpg?_wi=2",
|
||||
imageAlt: "Security scan",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Small Business IT",
|
||||
description: "Reliable infrastructure support for your small business growth.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-holding-computer-parts-workshop_23-2147922226.jpg?_wi=3",
|
||||
imageAlt: "Business IT",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive IT Services"
|
||||
description="Fast diagnostics and effective solutions for all your tech needs."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: 1, title: "Computer Repair", description: "Expert hardware and software troubleshooting for all PC and Mac models.", imageSrc: "http://img.b2bpic.net/free-photo/technician-holding-computer-parts-workshop_23-2147922226.jpg", imageAlt: "Laptop repair" },
|
||||
{ id: 2, title: "Virus Removal", description: "Complete malware cleanup and security optimization to keep your data safe.", imageSrc: "http://img.b2bpic.net/free-photo/technician-holding-computer-parts-workshop_23-2147922226.jpg", imageAlt: "Security scan" },
|
||||
{ id: 3, title: "Small Business IT", description: "Reliable infrastructure support for your small business growth.", imageSrc: "http://img.b2bpic.net/free-photo/technician-holding-computer-parts-workshop_23-2147922226.jpg", imageAlt: "Business IT" },
|
||||
]}
|
||||
title="Comprehensive IT Services"
|
||||
description="Fast diagnostics and effective solutions for all your tech needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
date: "Oct 2023",
|
||||
title: "Homeowner",
|
||||
quote: "Excellent diagnostician, fast, and very reasonably priced. Gary saved my laptop when I thought it was gone!",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/business-woman-sitting-bench-working-computer_1303-11084.jpg",
|
||||
tag: "Repair",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-center-computer-scientist-uses-pc-update-servers-tech_482257-126364.jpg?_wi=7",
|
||||
imageAlt: "computer repair technician laptop office",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
date: "Nov 2023",
|
||||
title: "Business Owner",
|
||||
quote: "Extremely patient and thorough. I recommend him to everyone I know in Lindenhurst.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-male-technician-repairing-computer-workshop_23-2147922179.jpg",
|
||||
tag: "Support",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-engaged-household-task_23-2151741230.jpg",
|
||||
imageAlt: "professional headshot tech support",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
date: "Dec 2023",
|
||||
title: "Freelancer",
|
||||
quote: "Gary makes tech feel simple. No jargon, just clear advice and fixes that actually hold up.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-studies-home-flips-her-workbook-works-from-home-uses-laptop_1258-199744.jpg",
|
||||
tag: "Software",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technician-holding-computer-parts-workshop_23-2147922226.jpg?_wi=4",
|
||||
imageAlt: "clean desk setup multiple monitors",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
date: "Jan 2024",
|
||||
title: "Local Professional",
|
||||
quote: "Fair pricing and very quick turnaround. I'm back up and running thanks to One Byte IT!",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/image-young-digital-nomad-man-glasses-sits-cafe-works-from-coffee-shop-uses-laptop_1258-245260.jpg",
|
||||
tag: "Repair",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-sitting-bench-working-computer_1303-11084.jpg",
|
||||
imageAlt: "happy customer using computer smiling",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Laura Smith",
|
||||
date: "Feb 2024",
|
||||
title: "Home User",
|
||||
quote: "So patient with me. I'm not tech-savvy at all, and he explained everything so clearly. A true lifesaver.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman-happy-work-home_23-2148700763.jpg",
|
||||
tag: "Patient Support",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-technician-repairing-computer-workshop_23-2147922179.jpg",
|
||||
imageAlt: "senior man satisfied with tech service",
|
||||
},
|
||||
]}
|
||||
title="Trusted by Local Residents"
|
||||
description="Don't just take our word for it—read what our happy customers say."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Johnson", date: "Oct 2023", title: "Homeowner", quote: "Excellent diagnostician, fast, and very reasonably priced. Gary saved my laptop when I thought it was gone!", avatarSrc: "http://img.b2bpic.net/free-photo/business-woman-sitting-bench-working-computer_1303-11084.jpg", tag: "Repair", imageSrc: "http://img.b2bpic.net/free-photo/data-center-computer-scientist-uses-pc-update-servers-tech_482257-126364.jpg", imageAlt: "computer repair technician laptop office" },
|
||||
{ id: "2", name: "Michael Chen", date: "Nov 2023", title: "Business Owner", quote: "Extremely patient and thorough. I recommend him to everyone I know in Lindenhurst.", avatarSrc: "http://img.b2bpic.net/free-photo/young-male-technician-repairing-computer-workshop_23-2147922179.jpg", tag: "Support", imageSrc: "http://img.b2bpic.net/free-photo/man-engaged-household-task_23-2151741230.jpg", imageAlt: "professional headshot tech support" },
|
||||
{ id: "3", name: "Emily Rodriguez", date: "Dec 2023", title: "Freelancer", quote: "Gary makes tech feel simple. No jargon, just clear advice and fixes that actually hold up.", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-studies-home-flips-her-workbook-works-from-home-uses-laptop_1258-199744.jpg", tag: "Software", imageSrc: "http://img.b2bpic.net/free-photo/technician-holding-computer-parts-workshop_23-2147922226.jpg", imageAlt: "clean desk setup multiple monitors" },
|
||||
{ id: "4", name: "David Kim", date: "Jan 2024", title: "Local Professional", quote: "Fair pricing and very quick turnaround. I'm back up and running thanks to One Byte IT!", avatarSrc: "http://img.b2bpic.net/free-photo/image-young-digital-nomad-man-glasses-sits-cafe-works-from-coffee-shop-uses-laptop_1258-245260.jpg", tag: "Repair", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-sitting-bench-working-computer_1303-11084.jpg", imageAlt: "happy customer using computer smiling" },
|
||||
{ id: "5", name: "Laura Smith", date: "Feb 2024", title: "Home User", quote: "So patient with me. I'm not tech-savvy at all, and he explained everything so clearly. A true lifesaver.", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman-happy-work-home_23-2148700763.jpg", tag: "Patient Support", imageSrc: "http://img.b2bpic.net/free-photo/young-male-technician-repairing-computer-workshop_23-2147922179.jpg", imageAlt: "senior man satisfied with tech service" },
|
||||
]}
|
||||
title="Trusted by Local Residents"
|
||||
description="Don't just take our word for it—read what our happy customers say."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How much does computer repair cost?",
|
||||
content: "We offer fair, transparent pricing. Diagnostics are simple and we'll always quote you before proceeding with repairs.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are you available 24/7?",
|
||||
content: "Yes, we are open 24 hours a day to assist with urgent IT needs and technical emergencies.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you support both PC and Mac?",
|
||||
content: "Absolutely. We are experienced with all major hardware and software platforms, including PC and Mac systems.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/technician-holding-computer-parts-workshop_23-2147922226.jpg?_wi=5"
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our repair services? Find answers here."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "How much does computer repair cost?", content: "We offer fair, transparent pricing. Diagnostics are simple and we'll always quote you before proceeding with repairs." },
|
||||
{ id: "f2", title: "Are you available 24/7?", content: "Yes, we are open 24 hours a day to assist with urgent IT needs and technical emergencies." },
|
||||
{ id: "f3", title: "Do you support both PC and Mac?", content: "Absolutely. We are experienced with all major hardware and software platforms, including PC and Mac systems." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/technician-holding-computer-parts-workshop_23-2147922226.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our repair services? Find answers here."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
tag="Contact"
|
||||
title="Need Help? Get in Touch Now."
|
||||
description="Call us at (646) 820-3067 for immediate assistance, or fill out the form and we'll get back to you quickly."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/particle-lines-futuristic-network-background_53876-129729.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "animated-grid" }}
|
||||
tag="Contact"
|
||||
title="Need Help? Get in Touch Now."
|
||||
description="Call us at (646) 820-3067 for immediate assistance, or fill out the form and we'll get back to you quickly."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/particle-lines-futuristic-network-background_53876-129729.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "One Byte IT Consultants",
|
||||
items: [
|
||||
{
|
||||
label: "156 S Clinton Ave, Lindenhurst, NY 11757",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "(646) 820-3067",
|
||||
href: "tel:6468203067",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 One Byte IT Consultants. All rights reserved."
|
||||
bottomRightText="Open 24/7"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "One Byte IT Consultants", items: [
|
||||
{ label: "156 S Clinton Ave, Lindenhurst, NY 11757", href: "#" },
|
||||
{ label: "(646) 820-3067", href: "tel:6468203067" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Testimonials", href: "#testimonials" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 One Byte IT Consultants. All rights reserved."
|
||||
bottomRightText="Open 24/7"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user