|
|
|
@@ -2,12 +2,12 @@
|
|
|
|
|
|
|
|
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
import ReactLenis from "lenis/react";
|
|
|
|
import ReactLenis from "lenis/react";
|
|
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
|
|
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
|
|
|
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
|
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
|
|
@@ -42,34 +42,37 @@ export default function LandingPage() {
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
<HeroSplitDualMedia
|
|
|
|
<HeroBillboardRotatedCarousel
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
|
|
|
|
title="Rayash Albureihi"
|
|
|
|
title="Rayash Albureihi"
|
|
|
|
description="AI Systems Engineer & Full Stack Developer. Building the future of intelligent digital ecosystems with high-end architecture."
|
|
|
|
description="AI Systems Engineer & Full Stack Developer. Building the future of intelligent digital ecosystems with high-end architecture."
|
|
|
|
tag="Elevated Technology Identity"
|
|
|
|
tag="Elevated Technology Identity"
|
|
|
|
mediaItems={[
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-technologically-advanced-female-humanoid_23-2151666363.jpg", imageAlt: "Rayash Albureihi portrait"},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg", imageAlt: "Neural network visualization"}
|
|
|
|
|
|
|
|
]}
|
|
|
|
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
|
|
|
rating={5}
|
|
|
|
|
|
|
|
ratingText="Trusted by industry innovators"
|
|
|
|
|
|
|
|
tagIcon={Sparkles}
|
|
|
|
tagIcon={Sparkles}
|
|
|
|
|
|
|
|
background={{ variant: "rotated-rays-animated" }}
|
|
|
|
|
|
|
|
carouselItems={[
|
|
|
|
|
|
|
|
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/portrait-technologically-advanced-female-humanoid_23-2151666363.jpg?_wi=1" },
|
|
|
|
|
|
|
|
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg" },
|
|
|
|
|
|
|
|
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/abstract-futuristic-digital-technology-background_53876-104787.jpg?_wi=1" },
|
|
|
|
|
|
|
|
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/3d-low-poly-abstract-background-with-shallow-depth-field_1048-10653.jpg?_wi=1" },
|
|
|
|
|
|
|
|
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/surveillance-hacking-room-with-russian-flag-big-screen_482257-127592.jpg?_wi=1" },
|
|
|
|
|
|
|
|
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241197.jpg?_wi=1" }
|
|
|
|
|
|
|
|
]}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="about" data-section="about">
|
|
|
|
<div id="about" data-section="about">
|
|
|
|
<AboutMetric
|
|
|
|
<SplitAbout
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
title="Defining the Digital Frontier"
|
|
|
|
title="Defining the Digital Frontier"
|
|
|
|
metrics={[
|
|
|
|
description="AI Systems Engineer & Full Stack Developer. Bridging technical precision with creative problem-solving."
|
|
|
|
{ icon: Code2, label: "AI Systems", value: "Advanced" },
|
|
|
|
mediaBadge={{ text: "Available for Work", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-technologically-advanced-female-humanoid_23-2151666363.jpg" }}
|
|
|
|
{ icon: Code, label: "Full Stack", value: "Expert" },
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/portrait-technologically-advanced-female-humanoid_23-2151666363.jpg?_wi=2"
|
|
|
|
{ icon: Shield, label: "Security", value: "Certified" },
|
|
|
|
imageAlt="Rayash Albureihi Portrait"
|
|
|
|
|
|
|
|
textboxLayout="split"
|
|
|
|
|
|
|
|
bulletPoints={[
|
|
|
|
|
|
|
|
{ title: "AI Systems", description: "Advanced neural architecture integration." },
|
|
|
|
|
|
|
|
{ title: "Full Stack", description: "Expertise in modern web ecosystems." },
|
|
|
|
|
|
|
|
{ title: "Security", description: "Certified resilient system design." },
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
metricsAnimation="blur-reveal"
|
|
|
|
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
@@ -99,7 +102,7 @@ export default function LandingPage() {
|
|
|
|
{ id: "s2", title: "Web Development", content: "Modern, scalable applications using Next.js and TypeScript." },
|
|
|
|
{ id: "s2", title: "Web Development", content: "Modern, scalable applications using Next.js and TypeScript." },
|
|
|
|
{ id: "s3", title: "Backend Systems", content: "Secure and performant cloud-native infrastructure." },
|
|
|
|
{ id: "s3", title: "Backend Systems", content: "Secure and performant cloud-native infrastructure." },
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/abstract-futuristic-digital-technology-background_53876-104787.jpg"
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/abstract-futuristic-digital-technology-background_53876-104787.jpg?_wi=2"
|
|
|
|
imageAlt="Technical skills visualization"
|
|
|
|
imageAlt="Technical skills visualization"
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
@@ -113,9 +116,9 @@ export default function LandingPage() {
|
|
|
|
useInvertedBackground={true}
|
|
|
|
useInvertedBackground={true}
|
|
|
|
products={[
|
|
|
|
products={[
|
|
|
|
{ id: "p1", brand: "AI", name: "Neural Engine v1", price: "Launch", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-flat-design_52683-16269.jpg" },
|
|
|
|
{ id: "p1", brand: "AI", name: "Neural Engine v1", price: "Launch", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-vector/fitness-mobile-app-infographic-flat-design_52683-16269.jpg" },
|
|
|
|
{ id: "p2", brand: "Web", name: "Cinematic Portfolio", price: "Active", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/3d-low-poly-abstract-background-with-shallow-depth-field_1048-10653.jpg" },
|
|
|
|
{ id: "p2", brand: "Web", name: "Cinematic Portfolio", price: "Active", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/3d-low-poly-abstract-background-with-shallow-depth-field_1048-10653.jpg?_wi=2" },
|
|
|
|
{ id: "p3", brand: "Sys", name: "Secure Auth Node", price: "Secured", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/surveillance-hacking-room-with-russian-flag-big-screen_482257-127592.jpg" },
|
|
|
|
{ id: "p3", brand: "Sys", name: "Secure Auth Node", price: "Secured", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/surveillance-hacking-room-with-russian-flag-big-screen_482257-127592.jpg?_wi=2" },
|
|
|
|
{ id: "p4", brand: "AI", name: "Auto-Scaler", price: "Optimized", rating: 5, reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241197.jpg" },
|
|
|
|
{ id: "p4", brand: "AI", name: "Auto-Scaler", price: "Optimized", rating: 5, reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241197.jpg?_wi=2" },
|
|
|
|
{ id: "p5", brand: "Web", name: "E-Commerce OS", price: "Scalable", rating: 5, reviewCount: "21", imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-background-with-low-poly-design_1048-5834.jpg" },
|
|
|
|
{ id: "p5", brand: "Web", name: "E-Commerce OS", price: "Scalable", rating: 5, reviewCount: "21", imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-background-with-low-poly-design_1048-5834.jpg" },
|
|
|
|
{ id: "p6", brand: "Sec", name: "Firewall Core", price: "Hardened", rating: 5, reviewCount: "11", imageSrc: "http://img.b2bpic.net/free-vector/modern-infographic-element-collection_52683-1784.jpg" },
|
|
|
|
{ id: "p6", brand: "Sec", name: "Firewall Core", price: "Hardened", rating: 5, reviewCount: "11", imageSrc: "http://img.b2bpic.net/free-vector/modern-infographic-element-collection_52683-1784.jpg" },
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
@@ -189,4 +192,4 @@ export default function LandingPage() {
|
|
|
|
</ReactLenis>
|
|
|
|
</ReactLenis>
|
|
|
|
</ThemeProvider>
|
|
|
|
</ThemeProvider>
|
|
|
|
);
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
