Ebrahim Ramadan Ebrahim-Ramadan

## ThreeDPhotoCarousel.jsx
'use client'
import React, { useState, useEffect } from "react";
import { motion, useAnimation, useMotionValue, useTransform } from "framer-motion";
import Image from "next/image";
import { RightArrow } from "../globals/Icons";

const images = [];
for (let i = 1; i <= 14; i++) {
  images.push(import(`@/assets/quick-carousel/${i}.webp`).then(module => module.default));
}

## Header.jsx
'use client';
import Image from 'next/image';
import React, { useEffect, useState } from 'react';
import { HomeIcon , ProjectsIcon, ExperienceIcon, BehanceIcon, Behance} from './Icons';
import { MagneticBackgroundTab } from './MagneticBackgroundTab';

export const Header = () => {
  const [isSticky, setIsSticky] = useState(false);

  useEffect(() => {

## Subtle3DCarousel.jsx
'use client';

import { useRotateYValues } from "@/utils/customHooks";
import { motion, useMotionValue } from "framer-motion";
import { useState } from "react";
import { AI, Motion, Gears, Code, Cube } from "../globals/Icons";

const ITEMS = [

  {

## Fixed Drawer.jsx
'use client'
  import { AnimatePresence, motion } from "framer-motion";
import Image from "next/image";
  import React, { useState, useEffect, useRef } from "react";
import { copyToClipboard } from "@/utils/Copy";
import { DockDemo } from "../ContactMe/DockDemo";
  export default function FixedDrawer() {
    const refMenu = useRef(null);
    const [openMenu, setOpenMenu] = useState(false);
    const [Copied, setCopied] = useState(false);

## DrawerComponent.jsx
'use client';

import Image from 'next/image';
import { Drawer } from 'vaul';
import { RightArrow } from '../Icons';

export function DrawerComponent() {
  return (

    <Drawer.Root shouldScaleBackground>

## index.htm
<body>
  <div style="filter: blur(1px);pointer-events:none;position:fixed;min-width:100%;margin-top:0;height:180%;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);z-index:0;opacity:0.3">
<div style="border-radius:99999px;position:absolute;top:50%;left:50%;width:100vw;min-width:1000px;height:100vh;transform:translate(-50%, -50%) scale(0.6);overflow:hidden">
<div class="ColorBlobs_SpinningGradient__DpGtx" style="position:absolute;top:50%;left:50%;width:100vw;height:100vw;transform:translate(-50%, -50%)"
    animation: ColorBlobs_spin__CbrXa 8s linear infinite;
    background: conic-gradient(from 0deg, #08f, #f60, #bbffa1, #4c00ff, #ab2666, #09f);


    ></div>
    </div></div>

## LazyLoad.jsx
'use client';
import { useEffect, useRef, useState } from 'react';

export const LazyLoad = ({ children }) => {
  const [isVisible, setIsVisible] = useState(false);
  const ref = useRef();

  useEffect(() => {
    const observer = new IntersectionObserver(
      ([entry]) => {

## ass.py
import time
from collections import defaultdict

# readign nodes data from nodes.csv


def read_nodes(file):
    with open(file, 'r', encoding='utf-8') as f:
        lines = f.readlines()[1:]  # Skip header
        nodes = {}

## script.js
function solveFirstOrderODE()

    function dydx = myODE(x, y)
        dydx = -2 * x * y; %lets say dy/dx=−2xy
    end

    % Define the range of x values
    xspan = [0 5]; % Define the start and end values of x

    % Define the initial condition y(x0) = y0

## index.js

const nodemailer = require('nodemailer');
const fs = require('fs');
// Create a transporter using Gmail SMTP
const transporter = nodemailer.createTransport({
  service: 'Gmail',
  auth: {
    user: 'ramadanebrahim791@gmail.com', // Your Gmail address
    pass: 'your Application-specific password here', // Your Application-specific  password
  },
	'use client'
	import React, { useState, useEffect } from "react";
	import { motion, useAnimation, useMotionValue, useTransform } from "framer-motion";
	import Image from "next/image";
	import { RightArrow } from "../globals/Icons";

	const images = [];
	for (let i = 1; i <= 14; i++) {
	images.push(import(`@/assets/quick-carousel/${i}.webp`).then(module => module.default));
	}
	'use client';

	import { useRotateYValues } from "@/utils/customHooks";
	import { motion, useMotionValue } from "framer-motion";
	import { useState } from "react";
	import { AI, Motion, Gears, Code, Cube } from "../globals/Icons";

	const ITEMS = [

	{
	'use client'
	import { AnimatePresence, motion } from "framer-motion";
	import Image from "next/image";
	import React, { useState, useEffect, useRef } from "react";
	import { copyToClipboard } from "@/utils/Copy";
	import { DockDemo } from "../ContactMe/DockDemo";
	export default function FixedDrawer() {
	const refMenu = useRef(null);
	const [openMenu, setOpenMenu] = useState(false);
	const [Copied, setCopied] = useState(false);
	'use client';

	import Image from 'next/image';
	import { Drawer } from 'vaul';
	import { RightArrow } from '../Icons';

	export function DrawerComponent() {
	return (

	<Drawer.Root shouldScaleBackground>
	<body>
	<div style="filter: blur(1px);pointer-events:none;position:fixed;min-width:100%;margin-top:0;height:180%;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);z-index:0;opacity:0.3">
	<div style="border-radius:99999px;position:absolute;top:50%;left:50%;width:100vw;min-width:1000px;height:100vh;transform:translate(-50%, -50%) scale(0.6);overflow:hidden">
	<div class="ColorBlobs_SpinningGradient__DpGtx" style="position:absolute;top:50%;left:50%;width:100vw;height:100vw;transform:translate(-50%, -50%)"
	animation: ColorBlobs_spin__CbrXa 8s linear infinite;
	background: conic-gradient(from 0deg, #08f, #f60, #bbffa1, #4c00ff, #ab2666, #09f);


	></div>
	</div></div>
	'use client';
	import { useEffect, useRef, useState } from 'react';

	export const LazyLoad = ({ children }) => {
	const [isVisible, setIsVisible] = useState(false);
	const ref = useRef();

	useEffect(() => {
	const observer = new IntersectionObserver(
	([entry]) => {
	import time
	from collections import defaultdict

	# readign nodes data from nodes.csv


	def read_nodes(file):
	with open(file, 'r', encoding='utf-8') as f:
	lines = f.readlines()[1:] # Skip header
	nodes = {}
	function solveFirstOrderODE()

	function dydx = myODE(x, y)
	dydx = -2 * x * y; %lets say dy/dx=−2xy
	end

	% Define the range of x values
	xspan = [0 5]; % Define the start and end values of x

	% Define the initial condition y(x0) = y0

	const nodemailer = require('nodemailer');
	const fs = require('fs');
	// Create a transporter using Gmail SMTP
	const transporter = nodemailer.createTransport({
	service: 'Gmail',
	auth: {
	user: 'ramadanebrahim791@gmail.com', // Your Gmail address
	pass: 'your Application-specific password here', // Your Application-specific password
	},