Update src/app/page.tsx

This commit is contained in:
2026-05-12 19:11:49 +00:00
parent ef26c1e8c0
commit 45073758fe

View File

@@ -33,21 +33,13 @@ export default function LandingPage() {
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "hero"},
id: "hero",
},
{ {
name: "About", name: "About", id: "about"},
id: "about",
},
{ {
name: "Products", name: "Products", id: "products"},
id: "products",
},
{ {
name: "Contact", name: "Contact", id: "contact"},
id: "contact",
},
]} ]}
brandName="Dar Samra Computer LLC" brandName="Dar Samra Computer LLC"
/> />
@@ -56,41 +48,26 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardCarousel <HeroBillboardCarousel
background={{ background={{
variant: "gradient-bars", variant: "gradient-bars"}}
}}
title="Innovative Technology Solutions" title="Innovative Technology Solutions"
description="Dar Samra Computer LLC offers premium hardware and electronics tailored for the modern professional and business environment." description="Dar Samra Computer LLC offers premium hardware and electronics tailored for the modern professional and business environment."
buttons={[ buttons={[
{ {
text: "Explore Products", text: "Explore Products", href: "#products"},
href: "#products",
},
]} ]}
mediaItems={[ mediaItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/control-table-spacecraft_23-2151828250.jpg?_wi=1", imageSrc: "http://img.b2bpic.net/free-photo/control-table-spacecraft_23-2151828250.jpg", imageAlt: "electronics tech gear showcase"},
imageAlt: "electronics tech gear showcase",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/storage-full-with-investigation-files_482257-77862.jpg", imageSrc: "http://img.b2bpic.net/free-photo/storage-full-with-investigation-files_482257-77862.jpg", imageAlt: "electronics tech gear showcase"},
imageAlt: "electronics tech gear showcase",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039373.jpg", imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039373.jpg", imageAlt: "electronics tech gear showcase"},
imageAlt: "electronics tech gear showcase",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309628.jpg", imageSrc: "http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309628.jpg", imageAlt: "electronics tech gear showcase"},
imageAlt: "electronics tech gear showcase",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-wearing-protection-glove_23-2149413401.jpg", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-wearing-protection-glove_23-2149413401.jpg", imageAlt: "electronics tech gear showcase"},
imageAlt: "electronics tech gear showcase",
},
{ {
imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349235.jpg", imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349235.jpg", imageAlt: "electronics tech gear showcase"},
imageAlt: "electronics tech gear showcase",
},
]} ]}
/> />
</div> </div>
@@ -103,7 +80,7 @@ export default function LandingPage() {
description="At Dar Samra Computer LLC, we specialize in high-performance computing solutions and electronics, driven by a commitment to quality and technical expertise." description="At Dar Samra Computer LLC, we specialize in high-performance computing solutions and electronics, driven by a commitment to quality and technical expertise."
subdescription="Our legacy is built on reliable service and premium product offerings for every technological need." subdescription="Our legacy is built on reliable service and premium product offerings for every technological need."
icon={Shield} icon={Shield}
imageSrc="http://img.b2bpic.net/free-photo/red-themed-motherboard-with-processor-socket_23-2148284295.jpg?_wi=1" imageSrc="http://img.b2bpic.net/free-photo/red-themed-motherboard-with-processor-socket_23-2148284295.jpg"
mediaAnimation="slide-up" mediaAnimation="slide-up"
/> />
</div> </div>
@@ -115,28 +92,13 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
title: "Expert Guidance", title: "Expert Guidance", description: "Consult with our team of technical experts for your hardware needs.", bentoComponent: "reveal-icon", icon: HardDrive,
description: "Consult with our team of technical experts for your hardware needs.",
bentoComponent: "reveal-icon",
icon: HardDrive,
imageSrc: "http://img.b2bpic.net/free-photo/circuit-board-close-up-with-different-components_23-2149174373.jpg",
imageAlt: "Circuit board close-up with different components",
}, },
{ {
title: "Premium Stock", title: "Premium Stock", description: "Only the latest and most reliable hardware components for our clients.", bentoComponent: "reveal-icon", icon: Award,
description: "Only the latest and most reliable hardware components for our clients.",
bentoComponent: "reveal-icon",
icon: Award,
imageSrc: "http://img.b2bpic.net/free-photo/control-table-spacecraft_23-2151828250.jpg?_wi=2",
imageAlt: "Circuit board close-up with different components",
}, },
{ {
title: "Fast Support", title: "Fast Support", description: "Rapid response and support for all your technological challenges.", bentoComponent: "reveal-icon", icon: Zap,
description: "Rapid response and support for all your technological challenges.",
bentoComponent: "reveal-icon",
icon: Zap,
imageSrc: "http://img.b2bpic.net/free-photo/red-themed-motherboard-with-processor-socket_23-2148284295.jpg?_wi=2",
imageAlt: "Circuit board close-up with different components",
}, },
]} ]}
title="Why Choose Us" title="Why Choose Us"
@@ -152,41 +114,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "p1", id: "p1", name: "Workstation System", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/system-administrator-debugging-company-servers-preventing-failures_482257-124403.jpg"},
name: "Workstation System",
price: "Contact for pricing",
imageSrc: "http://img.b2bpic.net/free-photo/system-administrator-debugging-company-servers-preventing-failures_482257-124403.jpg",
},
{ {
id: "p2", id: "p2", name: "Advanced GPU", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/neon-motherboard-background_23-2151704941.jpg"},
name: "Advanced GPU",
price: "Contact for pricing",
imageSrc: "http://img.b2bpic.net/free-photo/neon-motherboard-background_23-2151704941.jpg",
},
{ {
id: "p3", id: "p3", name: "Pro Gaming Laptop", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/pro-man-gamer-playing-video-game-professional-computer-late-night-wearing-headphones-excited-player-using-wireless-controller-virtual-tournament-gaming-space-shooter-home_482257-16645.jpg"},
name: "Pro Gaming Laptop",
price: "Contact for pricing",
imageSrc: "http://img.b2bpic.net/free-photo/pro-man-gamer-playing-video-game-professional-computer-late-night-wearing-headphones-excited-player-using-wireless-controller-virtual-tournament-gaming-space-shooter-home_482257-16645.jpg",
},
{ {
id: "p4", id: "p4", name: "Network Connectivity", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/top-view-orange-hard-disk-components_23-2149413374.jpg"},
name: "Network Connectivity",
price: "Contact for pricing",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-orange-hard-disk-components_23-2149413374.jpg",
},
{ {
id: "p5", id: "p5", name: "Precision Mouse", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/blue-item-technology-background_23-2148882618.jpg"},
name: "Precision Mouse",
price: "Contact for pricing",
imageSrc: "http://img.b2bpic.net/free-photo/blue-item-technology-background_23-2148882618.jpg",
},
{ {
id: "p6", id: "p6", name: "High-Res Monitor", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/view-computer-monitor-display_23-2150757441.jpg"},
name: "High-Res Monitor",
price: "Contact for pricing",
imageSrc: "http://img.b2bpic.net/free-photo/view-computer-monitor-display_23-2150757441.jpg",
},
]} ]}
title="Featured Hardware" title="Featured Hardware"
description="High-performance products for every computing requirement." description="High-performance products for every computing requirement."
@@ -200,40 +138,15 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "t1", id: "t1", name: "Sarah Ahmed", role: "IT Manager", testimonial: "Excellent service and top-tier equipment from Dar Samra.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-serious-business-leader-sitting_1262-4831.jpg"},
name: "Sarah Ahmed",
role: "IT Manager",
testimonial: "Excellent service and top-tier equipment from Dar Samra.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-serious-business-leader-sitting_1262-4831.jpg",
},
{ {
id: "t2", id: "t2", name: "Michael Chen", role: "Technical Lead", testimonial: "My first choice for reliable high-end electronics hardware.", 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"},
name: "Michael Chen",
role: "Technical Lead",
testimonial: "My first choice for reliable high-end electronics hardware.",
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: "t3", id: "t3", name: "Emily Johnson", role: "Developer", testimonial: "Professional and knowledgeable team that delivers every time.", imageSrc: "http://img.b2bpic.net/free-photo/system-administrator-data-center-using-notebook_482257-116168.jpg"},
name: "Emily Johnson",
role: "Developer",
testimonial: "Professional and knowledgeable team that delivers every time.",
imageSrc: "http://img.b2bpic.net/free-photo/system-administrator-data-center-using-notebook_482257-116168.jpg",
},
{ {
id: "t4", id: "t4", name: "David Smith", role: "Creative Director", testimonial: "Exceptional product quality and post-purchase support.", imageSrc: "http://img.b2bpic.net/free-photo/headphones-with-microphone-call-center-office-desk_482257-125977.jpg"},
name: "David Smith",
role: "Creative Director",
testimonial: "Exceptional product quality and post-purchase support.",
imageSrc: "http://img.b2bpic.net/free-photo/headphones-with-microphone-call-center-office-desk_482257-125977.jpg",
},
{ {
id: "t5", id: "t5", name: "Robert Lee", role: "Operations Manager", testimonial: "The best partner for our IT infrastructure requirements.", imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285308.jpg"},
name: "Robert Lee",
role: "Operations Manager",
testimonial: "The best partner for our IT infrastructure requirements.",
imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285308.jpg",
},
]} ]}
title="What Our Clients Say" title="What Our Clients Say"
description="Quality service that keeps our clients ahead of the technology curve." description="Quality service that keeps our clients ahead of the technology curve."
@@ -247,34 +160,16 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ {
id: "m1", id: "m1", value: "100+", title: "Projects Completed", items: [
value: "100+", "Corporate IT", "System Upgrades", "Data Centers"],
title: "Projects Completed",
items: [
"Corporate IT",
"System Upgrades",
"Data Centers",
],
}, },
{ {
id: "m2", id: "m2", value: "50+", title: "Trusted Partners", items: [
value: "50+", "Leading Brands", "Local Businesses", "Government Clients"],
title: "Trusted Partners",
items: [
"Leading Brands",
"Local Businesses",
"Government Clients",
],
}, },
{ {
id: "m3", id: "m3", value: "24/7", title: "Support Availability", items: [
value: "24/7", "Technical Help", "Hardware Maintenance", "Consulting"],
title: "Support Availability",
items: [
"Technical Help",
"Hardware Maintenance",
"Consulting",
],
}, },
]} ]}
title="Business Performance" title="Business Performance"
@@ -287,20 +182,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "q1", id: "q1", title: "Do you provide after-sales support?", content: "Yes, we offer comprehensive support for all products sold by us."},
title: "Do you provide after-sales support?",
content: "Yes, we offer comprehensive support for all products sold by us.",
},
{ {
id: "q2", id: "q2", title: "How can I check product availability?", content: "You can contact our sales team directly for the latest inventory updates."},
title: "How can I check product availability?",
content: "You can contact our sales team directly for the latest inventory updates.",
},
{ {
id: "q3", id: "q3", title: "Do you handle custom configurations?", content: "We offer tailor-made hardware setups to suit your specific professional requirements."},
title: "Do you handle custom configurations?",
content: "We offer tailor-made hardware setups to suit your specific professional requirements.",
},
]} ]}
sideTitle="Common Questions" sideTitle="Common Questions"
sideDescription="Everything you need to know about our services and product range." sideDescription="Everything you need to know about our services and product range."
@@ -312,8 +198,7 @@ export default function LandingPage() {
<ContactSplit <ContactSplit
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
title="Get in Touch" title="Get in Touch"
description="Reach out to our experts for inquiries or consultation." description="Reach out to our experts for inquiries or consultation."
imageSrc="http://img.b2bpic.net/free-photo/diverse-women-leaders-corporate-meeting-driving-business-growth_482257-119653.jpg" imageSrc="http://img.b2bpic.net/free-photo/diverse-women-leaders-corporate-meeting-driving-business-growth_482257-119653.jpg"
@@ -328,42 +213,27 @@ export default function LandingPage() {
logoText="Dar Samra Computer LLC" logoText="Dar Samra Computer LLC"
columns={[ columns={[
{ {
title: "Company", title: "Company", items: [
items: [
{ {
label: "About Us", label: "About Us", href: "#about"},
href: "#about",
},
{ {
label: "Contact", label: "Contact", href: "#contact"},
href: "#contact",
},
], ],
}, },
{ {
title: "Services", title: "Services", items: [
items: [
{ {
label: "Hardware Sales", label: "Hardware Sales", href: "#products"},
href: "#products",
},
{ {
label: "Technical Consulting", label: "Technical Consulting", href: "#"},
href: "#",
},
], ],
}, },
{ {
title: "Legal", title: "Legal", items: [
items: [
{ {
label: "Privacy Policy", label: "Privacy Policy", href: "#"},
href: "#",
},
{ {
label: "Terms of Service", label: "Terms of Service", href: "#"},
href: "#",
},
], ],
}, },
]} ]}