bender/97cf7723-8a17-4c50-9060-37a2960a5377
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-06 23:18:35 +00:00
parent 56b2998030
commit 508dddead7
1 changed files with 58 additions and 337 deletions
Download Patch File Download Diff File Expand all files Collapse all files

395
src/app/page.tsx
View File

@@ -31,119 +31,42 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Services",
id: "services",
},
{
name: "Products",
id: "products",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Services", id: "services" },
{ name: "Products", id: "products" },
{ name: "Contact", id: "contact" },
]}
brandName="TechHub Center"
button={{
text: "Book Repair",
href: "#contact",
}}
button={{ text: "Book Repair", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Premier Computer Solutions & Services"
description="Professional hardware repairs, expert software training, and premium computer equipment for home and business."
testimonials={[
{
name: "John Doe",
handle: "@johnd",
testimonial: "Fixed my laptop in under an hour, incredible service!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/people-repairing-computer-chips_23-2150880957.jpg",
},
{
name: "Jane Smith",
handle: "@janes",
testimonial: "The best coding bootcamp in town, I learned so much.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/skilled-businessman-his-office-desk-working-report-writing_482257-123834.jpg",
},
{
name: "Michael Brown",
handle: "@mbrown",
testimonial: "Highly recommend their hardware upgrade service.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/serious-successful-business-leader-working-laptop_74855-1609.jpg",
},
{
name: "Sarah Connor",
handle: "@sconnor",
testimonial: "Efficient and friendly team, fixed my screen perfectly.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-relaxed-freelance-worker-listening-music-headphones-working-with-laptop-portrait-young-specialists-international-corporation-spending-time-light-cozy-office_197531-3785.jpg",
},
{
name: "David Wilson",
handle: "@dwilson",
testimonial: "Great experience with their custom PC building class.",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/busy-employee-with-partner-background_1098-4120.jpg",
},
{ name: "John Doe", handle: "@johnd", testimonial: "Fixed my laptop in under an hour, incredible service!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-repairing-computer-chips_23-2150880957.jpg" },
{ name: "Jane Smith", handle: "@janes", testimonial: "The best coding bootcamp in town, I learned so much.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/skilled-businessman-his-office-desk-working-report-writing_482257-123834.jpg" },
{ name: "Michael Brown", handle: "@mbrown", testimonial: "Highly recommend their hardware upgrade service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/serious-successful-business-leader-working-laptop_74855-1609.jpg" },
{ name: "Sarah Connor", handle: "@sconnor", testimonial: "Efficient and friendly team, fixed my screen perfectly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-relaxed-freelance-worker-listening-music-headphones-working-with-laptop-portrait-young-specialists-international-corporation-spending-time-light-cozy-office_197531-3785.jpg" },
{ name: "David Wilson", handle: "@dwilson", testimonial: "Great experience with their custom PC building class.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/busy-employee-with-partner-background_1098-4120.jpg" },
]}
imageSrc="http://img.b2bpic.net/free-photo/people-working-power-saving-solutions-together_23-2148820197.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/people-working-power-saving-solutions-together_23-2148820197.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/businesswoman-holding-digital-tablet-her-hand-giving-presentation-colleagues-office_23-2147955153.jpg",
alt: "Customer 1",
},
{
src: "http://img.b2bpic.net/free-photo/young-man-showing-laptop-screen-okay-sign-approve-like-promo-internet-smiling-satisfied-st_1258-146320.jpg",
alt: "Customer 2",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-young-male-it-technician-with-hardware-equipment-s_23-2147883625.jpg",
alt: "Customer 3",
},
{
src: "http://img.b2bpic.net/free-photo/hi-followers-hispanic-young-man-with-computer-hobby-recording-live-stream-tech-tutorial-his-subscribers_662251-212.jpg",
alt: "Customer 4",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-good-looking-young-man-smiling-while-doing-data-backup-laptop-working-tech-support_662251-90.jpg",
alt: "Customer 5",
},
{ src: "http://img.b2bpic.net/free-photo/businesswoman-holding-digital-tablet-her-hand-giving-presentation-colleagues-office_23-2147955153.jpg", alt: "Customer 1" },
{ src: "http://img.b2bpic.net/free-photo/young-man-showing-laptop-screen-okay-sign-approve-like-promo-internet-smiling-satisfied-st_1258-146320.jpg", alt: "Customer 2" },
{ src: "http://img.b2bpic.net/free-photo/smiling-young-male-it-technician-with-hardware-equipment-s_23-2147883625.jpg", alt: "Customer 3" },
{ src: "http://img.b2bpic.net/free-photo/hi-followers-hispanic-young-man-with-computer-hobby-recording-live-stream-tech-tutorial-his-subscribers_662251-212.jpg", alt: "Customer 4" },
{ src: "http://img.b2bpic.net/free-photo/portrait-good-looking-young-man-smiling-while-doing-data-backup-laptop-working-tech-support_662251-90.jpg", alt: "Customer 5" },
]}
marqueeItems={[
{
type: "text",
text: "Certified Repairs",
},
{
type: "text",
text: "Expert Training",
},
{
type: "text",
text: "Premium Hardware",
},
{
type: "text",
text: "Fast Delivery",
},
{
type: "text",
text: "24/7 Support",
},
{ type: "text", text: "Certified Repairs" },
{ type: "text", text: "Expert Training" },
{ type: "text", text: "Premium Hardware" },
{ type: "text", text: "Fast Delivery" },
{ type: "text", text: "24/7 Support" },
]}
/>
</div>
@@ -155,49 +78,25 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Expert Repairs",
description: "Quick diagnostics and professional hardware repairs.",
icon: Wrench,
title: "Expert Repairs", description: "Quick diagnostics and professional hardware repairs.", icon: Wrench,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/master-holds-new-screen-replacement-disassembled-smartphone-his-laboratory-tool-kit-with-instruments-laptop-front-him-white-table-space-your-text-right_346278-1201.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-reparation-computer-motherboard_23-2148419169.jpg",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/master-holds-new-screen-replacement-disassembled-smartphone-his-laboratory-tool-kit-with-instruments-laptop-front-him-white-table-space-your-text-right_346278-1201.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-reparation-computer-motherboard_23-2148419169.jpg" },
],
imageSrc: "http://img.b2bpic.net/free-photo/people-working-power-saving-solutions-together_23-2148820197.jpg?_wi=2",
imageAlt: "computer hardware repair closeup",
},
{
title: "IT Training",
description: "Hands-on software and coding classes.",
icon: BookOpen,
title: "IT Training", description: "Hands-on software and coding classes.", icon: BookOpen,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/diverse-academic-scholars-library-join-video-call-with-medic-tutor_482257-123171.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/back-shot-young-man-playing-competitive-shooter-games-computer-with-two-streaming-chats-open_482257-29572.jpg",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/diverse-academic-scholars-library-join-video-call-with-medic-tutor_482257-123171.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/back-shot-young-man-playing-competitive-shooter-games-computer-with-two-streaming-chats-open_482257-29572.jpg" },
],
imageSrc: "http://img.b2bpic.net/free-photo/top-view-laptop-notebook-books-dark-background_169016-49140.jpg?_wi=1",
imageAlt: "computer hardware repair closeup",
},
{
title: "Sales & Support",
description: "Curated selection of modern computer equipment.",
icon: Headphones,
title: "Sales & Support", description: "Curated selection of modern computer equipment.", icon: Headphones,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/macro-shot-computer-adapter_23-2147883829.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105506.jpg",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/macro-shot-computer-adapter_23-2147883829.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105506.jpg" },
],
imageSrc: "http://img.b2bpic.net/free-photo/top-view-virtual-reality-simulator-with-laptop_23-2148912818.jpg?_wi=1",
imageAlt: "computer hardware repair closeup",
},
]}
title="Our Specialized Services"
@@ -212,60 +111,12 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "TechPro",
name: "Pro Workstation Laptop",
price: "$1299",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-laptop-notebook-books-dark-background_169016-49140.jpg?_wi=2",
},
{
id: "p2",
brand: "GamerGear",
name: "Ergonomic Mouse",
price: "$89",
rating: 4,
reviewCount: "85",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-virtual-reality-simulator-with-laptop_23-2148912818.jpg?_wi=2",
},
{
id: "p3",
brand: "KeyBoardCo",
name: "Mechanical Keyboard",
price: "$149",
rating: 5,
reviewCount: "210",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-keyboard-with-neon-lights_23-2149680228.jpg",
},
{
id: "p4",
brand: "ClearView",
name: "4K Ultra Monitor",
price: "$399",
rating: 4,
reviewCount: "55",
imageSrc: "http://img.b2bpic.net/free-photo/summer-creative-workplace-with-blank-screen_23-2147833161.jpg",
},
{
id: "p5",
brand: "AudioTech",
name: "Wireless Noise Canceller",
price: "$199",
rating: 5,
reviewCount: "92",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722637.jpg",
},
{
id: "p6",
brand: "DataStore",
name: "Fast SSD 1TB",
price: "$129",
rating: 5,
reviewCount: "300",
imageSrc: "http://img.b2bpic.net/free-photo/external-hard-drive-laptop-arrangement_23-2149417034.jpg",
},
{ id: "p1", brand: "TechPro", name: "Pro Workstation Laptop", price: "$1299", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-laptop-notebook-books-dark-background_169016-49140.jpg" },
{ id: "p2", brand: "GamerGear", name: "Ergonomic Mouse", price: "$89", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/top-view-virtual-reality-simulator-with-laptop_23-2148912818.jpg" },
{ id: "p3", brand: "KeyBoardCo", name: "Mechanical Keyboard", price: "$149", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-keyboard-with-neon-lights_23-2149680228.jpg" },
{ id: "p4", brand: "ClearView", name: "4K Ultra Monitor", price: "$399", rating: 4, reviewCount: "55", imageSrc: "http://img.b2bpic.net/free-photo/summer-creative-workplace-with-blank-screen_23-2147833161.jpg" },
{ id: "p5", brand: "AudioTech", name: "Wireless Noise Canceller", price: "$199", rating: 5, reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722637.jpg" },
{ id: "p6", brand: "DataStore", name: "Fast SSD 1TB", price: "$129", rating: 5, reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/external-hard-drive-laptop-arrangement_23-2149417034.jpg" },
]}
title="Featured Hardware"
description="Browse our hand-picked collection of computers and accessories."
@@ -278,60 +129,16 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Client A",
role: "Engineer",
company: "TechGroup",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167411.jpg",
},
{
id: "t2",
name: "Client B",
role: "Director",
company: "BizCo",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-partners-collaborating-project-planning-analyzing-reports-laptop-support-company_482257-136220.jpg",
},
{
id: "t3",
name: "Client C",
role: "Student",
company: "University",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-with-notepads-laptop_23-2147656191.jpg",
},
{
id: "t4",
name: "Client D",
role: "CEO",
company: "Startup",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-using-tablet_23-2148468686.jpg",
},
{
id: "t5",
name: "Client E",
role: "Designer",
company: "Creative",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg",
},
{ id: "t1", name: "Client A", role: "Engineer", company: "TechGroup", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167411.jpg" },
{ id: "t2", name: "Client B", role: "Director", company: "BizCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-partners-collaborating-project-planning-analyzing-reports-laptop-support-company_482257-136220.jpg" },
{ id: "t3", name: "Client C", role: "Student", company: "University", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-man-with-notepads-laptop_23-2147656191.jpg" },
{ id: "t4", name: "Client D", role: "CEO", company: "Startup", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-using-tablet_23-2148468686.jpg" },
{ id: "t5", name: "Client E", role: "Designer", company: "Creative", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg" },
]}
kpiItems={[
{
value: "500+",
label: "Repairs Done",
},
{
value: "200+",
label: "Students Trained",
},
{
value: "99%",
label: "Client Satisfaction",
},
{ value: "500+", label: "Repairs Done" },
{ value: "200+", label: "Students Trained" },
{ value: "99%", label: "Client Satisfaction" },
]}
title="Client Success Stories"
description="See why our local community trusts us for their technology needs."
@@ -345,55 +152,16 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "pr1",
badge: "Basic",
price: "$49",
subtitle: "Annual Maintenance",
buttons: [
{
text: "Get Started",
href: "#contact",
},
],
features: [
"Annual checkup",
"Software updates",
"Remote support",
],
id: "pr1", badge: "Basic", price: "$49", subtitle: "Annual Maintenance", buttons: [{ text: "Get Started", href: "#contact" }],
features: ["Annual checkup", "Software updates", "Remote support"],
},
{
id: "pr2",
badge: "Pro",
price: "$129",
subtitle: "Priority Business Support",
buttons: [
{
text: "Get Started",
href: "#contact",
},
],
features: [
"24/7 support",
"Priority repair",
"Free software license",
],
id: "pr2", badge: "Pro", price: "$129", subtitle: "Priority Business Support", buttons: [{ text: "Get Started", href: "#contact" }],
features: ["24/7 support", "Priority repair", "Free software license"],
},
{
id: "pr3",
badge: "Custom",
price: "Contact Us",
subtitle: "Individual Enterprise Solutions",
buttons: [
{
text: "Inquire",
href: "#contact",
},
],
features: [
"Full office setup",
"Dedicated server mgmt",
"Custom security",
],
id: "pr3", badge: "Custom", price: "Contact Us", subtitle: "Individual Enterprise Solutions", buttons: [{ text: "Inquire", href: "#contact" }],
features: ["Full office setup", "Dedicated server mgmt", "Custom security"],
},
]}
title="Service Plans"
@@ -406,21 +174,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "How long do repairs take?",
content: "Most minor hardware repairs are completed within 24-48 hours.",
},
{
id: "q2",
title: "Do you offer warranty?",
content: "Yes, we provide 90-day warranty on all repairs.",
},
{
id: "q3",
title: "Are classes in-person?",
content: "Yes, all our courses are conducted in our center.",
},
{ id: "q1", title: "How long do repairs take?", content: "Most minor hardware repairs are completed within 24-48 hours." },
{ id: "q2", title: "Do you offer warranty?", content: "Yes, we provide 90-day warranty on all repairs." },
{ id: "q3", title: "Are classes in-person?", content: "Yes, all our courses are conducted in our center." },
]}
imageSrc="http://img.b2bpic.net/free-photo/unpleased-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-looking-laptop-gesturing-no-isolated-purple-background_141793-84763.jpg"
title="Frequently Asked Questions"
@@ -433,9 +189,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
tag="Contact"
title="Get in Touch Today"
description="Reach out for service inquiries, bookings, or store locations."
@@ -445,42 +199,9 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Home",
href: "#hero",
},
{
label: "Services",
href: "#services",
},
],
},
{
items: [
{
label: "Support",
href: "#faq",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
{ items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "#services" }] },
{ items: [{ label: "Support", href: "#faq" }, { label: "Contact", href: "#contact" }] },
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
logoText="TechHub Center"
/>