diff --git a/app/components/StickyRelativeDemo.tsx b/app/components/StickyRelativeDemo.tsx index 8deab7c66..a211dc5c9 100644 --- a/app/components/StickyRelativeDemo.tsx +++ b/app/components/StickyRelativeDemo.tsx @@ -13,7 +13,7 @@ const source_Code_Pro = Source_Code_Pro({ const StickyRelativeDemo: NextPage = () => { return (
-
+
@@ -23,7 +23,7 @@ const StickyRelativeDemo: NextPage = () => {
-
+
2024
@@ -43,20 +43,20 @@ const StickyRelativeDemo: NextPage = () => {
-
    -
  • Role
  • +
      +
    • Role
    • Digital Marketing
      -
    • Deliverables
    • +
    • Deliverables
    • Survey checks
      -
    • Company
    • +
    • Company
    • VMR
      -
    • Visit Site
    • +
    • Visit Site
    • {
-
- Showcase -
-
- {"My - - {"My - {"My -
-
-
-
-
-
-
-
- 2024 -
-
-
-
-

- Craft & Code: Building the Future, One Line at a Time -

-
-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. - Repudiandae quo natus accusantium eius molestiae expedita - possimus accusamus, aspernatur, quia quae asperiores - inventore. Quod, officia vel aliquam exercitationem est - inventore porro? -

-
-
-
-
    -
  • Role
  • -
  • Digital Marketing
  • -
-
    -
  • Deliverables
  • -
  • Survey checks
  • -
-
    -
  • Company
  • -
  • VMR
  • -
-
    -
  • Visit Site
  • -
  • - - - - - -
  • -
-
-
-
-
-
-
+
Showcase
@@ -193,6 +106,7 @@ const StickyRelativeDemo: NextPage = () => {
+
diff --git a/app/components/infiniteCard.tsx b/app/components/infiniteCard.tsx index 95bd8070a..ef8de21c3 100644 --- a/app/components/infiniteCard.tsx +++ b/app/components/infiniteCard.tsx @@ -5,7 +5,7 @@ import { InfiniteMovingCards } from "./ui/infinite-moving-cards"; export function InfiniteMovingCardsDemo() { return ( -
+
{items.map((item, idx) => (
  • @@ -98,15 +99,15 @@ export const InfiniteMovingCards = ({ aria-hidden="true" className="user-select-none -z-1 pointer-events-none absolute -left-0.5 -top-0.5 h-[calc(100%_+_4px)] w-[calc(100%_+_4px)]" >
  • - + {item.quote}
    - + {item.name} - + {item.title} diff --git a/app/components/visionSection.tsx b/app/components/visionSection.tsx new file mode 100644 index 000000000..85ea01ce5 --- /dev/null +++ b/app/components/visionSection.tsx @@ -0,0 +1,38 @@ +export default function VisionSection() { + const svgStyles = { + width: "auto", + height: "100vh", + filter: "contrast(170%) brightness(1000%)", + background: + "linear-gradient(0deg, rgba(0,0,255,1), rgba(0,0,0,0)), url(/projects/noise.svg)", + }; + + return ( + <> +
    +
    +
    + • +
    + Work Experince +
    + +
    +
    +
    +

    Adminstrative Assistant

    +
      +
    • + VMR Pvt. Ltd. +
    • +
    • + 2021 sep - 2022 fab +
    • +
    +
    +
    +
    +
    + + ); +} diff --git a/app/page.tsx b/app/page.tsx index f07c46c6c..23d81dd55 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -2,10 +2,9 @@ import type { Metadata } from "next"; import HomeSectionHeader from "./components/homeSectionHeader"; import AdminWeather from "./components/AdminWeather"; import IntroSection from "./components/introSection"; -import DeviceAddress from "./components/DeviceAddress"; -import { InfiniteMovingCardsDemo } from "./components/infiniteCard"; import { ReviewSection } from "./components/reviewSection"; import DarkModeToggle from "./components/DarkModeToggle"; +import VisionSection from "./components/visionSection"; export const metadata: Metadata = { title: "nee. - Portfolio Framer Template For Freelancers", @@ -25,11 +24,8 @@ export default function Home() {
    -
    -
    - -
    - Vision to learn +
    +
    diff --git a/public/background/javier-miranda-AlJ9TQqeCV0-unsplash.jpg b/public/background/javier-miranda-AlJ9TQqeCV0-unsplash.jpg new file mode 100644 index 000000000..e81f2d37e Binary files /dev/null and b/public/background/javier-miranda-AlJ9TQqeCV0-unsplash.jpg differ diff --git a/public/projects/noise.svg b/public/projects/noise.svg new file mode 100644 index 000000000..8bfcb4b36 --- /dev/null +++ b/public/projects/noise.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file