Najjar\NajjarV02
461a00384c
- Introduced FounderSection component to highlight leadership and vision. - Created ServicesGrid component to display various robotics services offered. - Developed RoboticsScrollShowcase for showcasing robots with interactive elements. - Implemented RoboticsSplineShowcase featuring a 3D Spline scene for enhanced user experience. - Added reusable Card component for consistent styling across sections. - Integrated ContainerScroll for animated scrolling effects in the showcase. - Built SplineScene component for lazy loading Spline 3D scenes. - Added Spotlight component for interactive hover effects. - Created utility function for class name merging to streamline styling.
84 lines
3.8 KiB
TypeScript
84 lines
3.8 KiB
TypeScript
import type { Metadata, Viewport } from "next";
|
||
import { ErrorBoundary } from "@/components/ErrorBoundary";
|
||
import { I18nProvider } from "@/components/I18nProvider";
|
||
import "./globals.css";
|
||
|
||
export const metadata: Metadata = {
|
||
metadataBase: new URL('https://yslootahrobotics.com'),
|
||
title: {
|
||
default: 'YS Lootah Robotics — Exclusive UAE Access to Unitree & Pudu Robotics',
|
||
template: '%s | YS Lootah Robotics',
|
||
},
|
||
description:
|
||
'YS Lootah Robotics is the exclusive UAE sales destination for selected Unitree and Pudu Robotics solutions. Explore, configure, book demos, and deploy advanced robots across Dubai and the UAE.',
|
||
keywords: [
|
||
'YS Lootah Robotics',
|
||
'robotics Dubai',
|
||
'robotics UAE',
|
||
'exclusive robotics UAE',
|
||
'Unitree robots UAE',
|
||
'Pudu Robotics UAE',
|
||
'humanoid robots Dubai',
|
||
'quadruped robots UAE',
|
||
'service robots UAE',
|
||
'robot sales Dubai',
|
||
'book robot demo UAE',
|
||
'robotics showroom Dubai',
|
||
'robotics configuration UAE',
|
||
],
|
||
openGraph: {
|
||
type: 'website',
|
||
title: 'YS Lootah Robotics — Exclusive UAE Access to Unitree & Pudu Robotics',
|
||
description:
|
||
'Advanced robotics. Exclusive UAE access. Selected Unitree and Pudu solutions available through YS Lootah Robotics in Dubai.',
|
||
locale: 'en_AE',
|
||
siteName: 'YS Lootah Robotics',
|
||
},
|
||
twitter: {
|
||
card: 'summary_large_image',
|
||
title: 'YS Lootah Robotics — Exclusive UAE Access to Unitree & Pudu Robotics',
|
||
description:
|
||
'The UAE’s dedicated destination for Unitree and Pudu Robotics sales, demo inquiries, and business deployment.',
|
||
},
|
||
};
|
||
|
||
export const viewport: Viewport = {
|
||
width: 'device-width',
|
||
initialScale: 1,
|
||
themeColor: '#0a0a0c',
|
||
};
|
||
|
||
export default function RootLayout({
|
||
children,
|
||
}: {
|
||
children: React.ReactNode;
|
||
}) {
|
||
return (
|
||
<html lang="en" dir="ltr" data-scroll-behavior="smooth">
|
||
<head>
|
||
<link rel="icon" href="/favicon.ico" sizes="any" />
|
||
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
|
||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />
|
||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700&display=swap" rel="stylesheet" />
|
||
</head>
|
||
<body suppressHydrationWarning>
|
||
<ErrorBoundary>
|
||
<I18nProvider>
|
||
{children}
|
||
{/* WhatsApp Floating Button */}
|
||
<a href="https://wa.me/971559482728" target="_blank" rel="noopener noreferrer" aria-label="Contact us on WhatsApp" className="fixed bottom-6 z-50 flex items-center justify-center h-14 w-14 rounded-full bg-gradient-to-r from-[#25D366] to-[#128C7E] text-white shadow-lg shadow-[#25D366]/30 transition-all duration-300 ease-out hover:scale-110 hover:shadow-[#25D366]/50 hover:shadow-xl active:scale-95 group" style={{ insetInlineEnd: '1.5rem' }}>
|
||
<span className="absolute inset-0 -z-10 rounded-full bg-gradient-to-r from-[#25D366] to-[#128C7E] opacity-0 blur-xl transition-opacity duration-300 group-hover:opacity-100"></span>
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="tabler-icon tabler-icon-brand-whatsapp relative z-10 h-8 w-8">
|
||
<path d="M3 21l1.65 -3.8a9 9 0 1 1 3.4 2.9l-5.05 .9"></path>
|
||
<path d="M9 10a.5 .5 0 0 0 1 0v-1a.5 .5 0 0 0 -1 0v1a5 5 0 0 0 5 5h1a.5 .5 0 0 0 0 -1h-1a.5 .5 0 0 0 0 1"></path>
|
||
</svg>
|
||
<span aria-hidden="true" className="absolute inset-0 rounded-full border border-[#25D366] bg-[#25D366]/50 animate-[ping_2.2s_cubic-bezier(0,0,0.2,1)_infinite]"></span>
|
||
</a>
|
||
</I18nProvider>
|
||
</ErrorBoundary>
|
||
</body>
|
||
</html>
|
||
);
|
||
}
|