hazem/yslootahrobotics
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: remove ServicesGrid component and its associated styles

Browse Source
This commit is contained in:
Najjar\NajjarV02
2026-05-21 13:28:38 +04:00
parent 7458818c62
commit de9f358582
9 changed files with 1483 additions and 1261 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/about/page.tsx
-13
View File
@@ -7,7 +7,6 @@ import { WhyUs } from '@/components/robotics/WhyUs';
import { FloatingTechPanel } from '@/components/robotics/FloatingTechPanel';
import { CompanyStory } from '@/components/robotics/CompanyStory';
import { FounderSection } from '@/components/robotics/FounderSection';
import { ServicesGrid } from '@/components/robotics/ServicesGrid';
export const metadata: Metadata = {
title: 'About YS Lootah Robotics Exclusive UAE Access to Unitree & Pudu',
@@ -44,18 +43,6 @@ export default function AboutPage() {
<FounderSection />
</MotionSection>
<MotionSection>
<div style={{ display: 'flex', flexDirection: 'column', gap: '1.5rem' }}>
<h2 style={{ margin: 0, fontSize: 'clamp(1.5rem, 3vw, 2.2rem)', fontWeight: 400, letterSpacing: '-0.02em' }}>
<span className="text-gradient" style={{ fontWeight: 500 }}>Our solutions</span>
</h2>
<p style={{ margin: 0, color: '#DEE0F0', lineHeight: 1.7, maxWidth: 760 }}>
Eleven robotics services covering autonomous deployment, integration, motion programming, cloud, analytics, and live diagnostics.
</p>
<ServicesGrid />
</div>
</MotionSection>
<MotionSection>
<div style={{ display: 'flex', flexDirection: 'column', gap: '1.5rem' }}>
<h2 style={{ margin: 0, fontSize: 'clamp(1.5rem, 3vw, 2.2rem)', fontWeight: 400, letterSpacing: '-0.02em' }}>
src/app/page.tsx
+8 -29
View File
@@ -11,9 +11,7 @@ import { ConfigureCTA } from '@/components/robotics/ConfigureCTA';
import { ExclusiveAccessSection } from '@/components/robotics/ExclusiveAccessSection';
import { MarqueeStrip } from '@/components/robotics/MarqueeStrip';
import { BentoGrid } from '@/components/robotics/BentoGrid';
import { HowItWorks } from '@/components/robotics/HowItWorks';
import { CompanyStory } from '@/components/robotics/CompanyStory';
import { ServicesGrid } from '@/components/robotics/ServicesGrid';
import { FounderSection } from '@/components/robotics/FounderSection';
import { BuSunaidahSection } from '@/components/robotics/BuSunaidahSection';
import { MotionSection } from '@/components/ui/MotionSection';
@@ -111,17 +109,6 @@ export default function HomePage() {
</div>
</MotionSection>
<MotionSection style={{ padding: 'clamp(3rem, 6vw, 5rem) 0' }} id="services">
<div className="container-wide" style={{ display: 'flex', flexDirection: 'column', gap: '2rem' }}>
<SectionHeading
eyebrow="UAE deployment"
title="Real robots, deployed and supported across the UAE."
description="From Dubai showroom demo to live venue deployment — procurement, configuration, installation, training, and ongoing support, handled by one local team."
/>
<ServicesGrid />
</div>
</MotionSection>
<MotionSection style={{ padding: 'clamp(3rem, 6vw, 5rem) 0' }} id="leadership">
<div className="container-wide">
<FounderSection />
@@ -134,18 +121,10 @@ export default function HomePage() {
</div>
</MotionSection>
<MotionSection style={{ padding: 'clamp(3rem, 6vw, 5rem) 0' }} id="how-it-works">
<div className="container-wide" style={{ display: 'flex', flexDirection: 'column', gap: '2rem' }}>
<SectionHeading
eyebrow="Deployment timeline"
title="Five steps from procurement to support."
description="The robotics implementation journey — what changes at every stage, in order."
/>
<HowItWorks />
</div>
</MotionSection>
<MotionSection style={{ padding: 'clamp(3rem, 6vw, 5rem) 0' }} id="industries">
<MotionSection
style={{ padding: 'clamp(3rem, 6vw, 5rem) 0', scrollMarginTop: 'clamp(80px, 12vh, 120px)' }}
id="industries"
>
<div className="container-wide" style={{ display: 'flex', flexDirection: 'column', gap: '2rem' }}>
<SectionHeading
eyebrow="Industries served"
@@ -156,13 +135,13 @@ export default function HomePage() {
</div>
</MotionSection>
<MotionSection style={{ padding: 'clamp(3rem, 6vw, 5rem) 0 clamp(4rem, 8vw, 7rem)' }}>
<MotionSection style={{ padding: 'clamp(2.5rem, 5vw, 4rem) 0 clamp(1.5rem, 3vw, 2.5rem)' }}>
<div className="container-wide">
<DemoCTA
title="Talk to our robotics team."
description="Book a live demo at our Dubai showroom or request a UAE quotation. Our local team responds within one business day."
primaryLabel="Book a live demo"
secondaryLabel="Talk to our team"
description="See the robots in action at our Dubai showroom or request a UAE-ready quotation. Our team responds within one business day."
primaryLabel="Book a Live Demo"
secondaryLabel="Talk to Our Team"
/>
</div>
</MotionSection>