Mif2006

"use client"

import React from 'react';

const Home = () => {
  return (
    <div className="w-screen min-h-screen bg-black flex items-center justify-center relative overflow-hidden">
    <div className="absolute inset-0 z-10">
      {/* <img src="/robot.jpg" alt="Background" className="w-full h-full object-cover" /> */}
    </div>

Mif2006

"use client"

import localFont from 'next/font/local'
import { useState } from 'react';
import { motion, AnimatePresence } from 'framer-motion';

const bodoniModaSC = localFont({
  src: [
    {
      path: '../fonts/Bodoni_Moda_SC/static/BodoniModaSC_48pt-BoldItalic.ttf', 

Mif2006

import { useState } from "react";
import OrangeCity2 from "../assets/OrangeCity2.jpg";
import OrangeCity3 from "../assets/OrangeCity3.jpg";
import OrangeCity4 from "../assets/OrangeCity4.jpg";

const BorderCards = () => {
  const [isHovering, setIsHovering] = useState(false);
  return (
    <div
      className="w-full min-h-screen flex flex-col md:flex-row gap-10 items-center justify-center bg-center bg-cover"

Mif2006

import SpaceCity1 from "../assets/SpaceCity1.jpg";
import SpaceCity5 from "../assets/SpaceCity5.jpeg";
import SpaceCity6 from "../assets/SpaceCity6.jpeg";
import SpaceCity7 from "../assets/SpaceCity7.jpeg";
import SpaceCity9 from "../assets/SpaceCity9.jpeg";

export const Projects = [
  {
    name: "Star Wars",
    src: SpaceCity6,

Mif2006

export const products = [
  {
    name: "Futuristic shoes",
    description: `Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
       doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi
       architecto beatae vitae dicta sunt explicabo. 
       Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugi`,
    images: [
      "/blueShoes1.png",
      "/blueShoes4.jpg",

Mif2006

export const Skill_data = [
  {
    skill_name: "Html 5",
    Image: "/html.png",
  },
  {
    skill_name: "Css",
    Image: "/css.png",
  },
  {

Mif2006

import { RxHome, RxPerson, RxDashboard, RxClipboard } from "react-icons/rx";

export const SkillData = [
  {
    name: "Html 5",
    Image: "/html.png",
    width: 80,
    height: 80,
  },
  {

Mif2006

import { useState } from "react";
import { motion } from "framer-motion";

import SpaceCity from "../assets/SpaceCity.jpg";
import SpaceCity1 from "../assets/SpaceCity1.jpg";

const CardFlip = () => {
  const [isFlipped, setIsFlipped] = useState(false);
  const [isAnimating, setIsAnimating] = useState(false);

Mif2006

import { useState } from "react";
import { motion } from "framer-motion";
import city1 from "../assets/city1.png";
import city2 from "../assets/city2.png";
import city3 from "../assets/city3.png";
import planet1 from "../assets/planet1.png";
import planet2 from "../assets/planet2.png";
import SpaceCity2 from "../assets/SpaceCity2.jpeg";
import SpaceCity3 from "../assets/SpaceCity3.jpeg";

Mif2006

export const Skill_data = [
    {
      skill_name: "Html 5",
      Image: "/html.png",
      width: 80,
      height: 80,
    },
    {
      skill_name: "Css",
      Image: "/css.png",