diff --git a/package-lock.json b/package-lock.json index f59683f..6c43ed1 100644 --- a/package-lock.json +++ b/package-lock.json @@ -18,6 +18,7 @@ "react": "^18.2.0", "react-dom": "^18", "react-element-to-jsx-string": "^15.0.0", + "react-icons": "^5.0.1", "scroll": "^3.0.1", "tailwind-merge": "^2.2.1" }, @@ -4244,6 +4245,14 @@ "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.1.0.tgz", "integrity": "sha512-Fl7FuabXsJnV5Q1qIOQwx/sagGF18kogb4gpfcG4gjLBWO0WDiiz1ko/ExayuxE7InyQkBLkxRFG5oxY6Uu3Kg==" }, + "node_modules/react-icons": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.2.1.tgz", + "integrity": "sha512-zdbW5GstTzXaVKvGSyTaBalt7HSfuK5ovrzlpyiWHAFXndXTdd/1hdDHI4xBM1Mn7YriT6aqESucFl9kEXzrdw==", + "peerDependencies": { + "react": "*" + } + }, "node_modules/react-is": { "version": "16.13.1", "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", diff --git a/package.json b/package.json index 22fd3d8..c1ea26e 100644 --- a/package.json +++ b/package.json @@ -20,7 +20,8 @@ "react-dom": "^18", "react-element-to-jsx-string": "^15.0.0", "scroll": "^3.0.1", - "tailwind-merge": "^2.2.1" + "tailwind-merge": "^2.2.1", + "react-icons": "^5.0.1" }, "devDependencies": { "@types/node": "^20", diff --git a/public/Ellipse4.jpg b/public/Ellipse4.jpg new file mode 100644 index 0000000..e47a92b Binary files /dev/null and b/public/Ellipse4.jpg differ diff --git a/public/Ellipse4.svg b/public/Ellipse4.svg new file mode 100644 index 0000000..560c0cf --- /dev/null +++ b/public/Ellipse4.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/public/Ellipse44.svg b/public/Ellipse44.svg new file mode 100644 index 0000000..4eada36 --- /dev/null +++ b/public/Ellipse44.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/Ellipse444.svg b/public/Ellipse444.svg new file mode 100644 index 0000000..da2484f --- /dev/null +++ b/public/Ellipse444.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/Ellipse5.svg b/public/Ellipse5.svg new file mode 100644 index 0000000..faef545 --- /dev/null +++ b/public/Ellipse5.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/public/image/Group.svg b/public/image/Group.svg new file mode 100644 index 0000000..341ad50 --- /dev/null +++ b/public/image/Group.svg @@ -0,0 +1,112 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/webwizicon.png b/public/webwizicon.png new file mode 100644 index 0000000..006248f Binary files /dev/null and b/public/webwizicon.png differ diff --git a/src/app/Narashimha/Circle/page.tsx b/src/app/Narashimha/Circle/page.tsx new file mode 100644 index 0000000..474a9e1 --- /dev/null +++ b/src/app/Narashimha/Circle/page.tsx @@ -0,0 +1,9 @@ +import Image from "next/image"; + +export default function page() { + return ( +
+ webwizcircle +
+ ); +} \ No newline at end of file diff --git a/src/app/Narashimha/Hero/page.tsx b/src/app/Narashimha/Hero/page.tsx new file mode 100644 index 0000000..079dfed --- /dev/null +++ b/src/app/Narashimha/Hero/page.tsx @@ -0,0 +1,43 @@ +"use client"; +import React from 'react' +function page(){ + return(<> +
+
+
+

Empowering Students to Create Stunning Websites

+
+
+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim, reprehenderit neque illo iure aspernatur esse assumenda reiciendis nihil animi! Necessitatibus illum maxime, sint corrupti sequi molestiae? Quaerat, quod maxime! Nisi? +

+
+
+ + +
+
+
+ + + + + +
+
+
+

Empowering Students to Create Stunning Websites

+
+
+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim, reprehenderit neque illo iure aspernatur esse assumenda reiciendis nihil animi! Necessitatibus illum maxime, sint corrupti sequi molestiae? Quaerat, quod maxime! Nisi? +

+
+
+ + +
+
+
+ +) +} +export default page \ No newline at end of file diff --git a/src/app/Narashimha/HeroCover/page.tsx b/src/app/Narashimha/HeroCover/page.tsx new file mode 100644 index 0000000..44a3882 --- /dev/null +++ b/src/app/Narashimha/HeroCover/page.tsx @@ -0,0 +1,31 @@ +import React from 'react' +import Image from 'next/image' + +const page = () => { + return ( +
+
+ {/*
+
+ gradient +
+
+
+ gradient +
+
*/} +
+
+
+ gradient +
+
+ gradient +
+
+
+
+ ) +} + +export default page \ No newline at end of file diff --git a/src/app/Narashimha/Navbar/page.tsx b/src/app/Narashimha/Navbar/page.tsx new file mode 100644 index 0000000..ff4c1e2 --- /dev/null +++ b/src/app/Narashimha/Navbar/page.tsx @@ -0,0 +1,57 @@ +"use client"; +import React from 'react' +import { useState } from 'react'; +import { FaBars } from "react-icons/fa6"; +import { IoClose } from "react-icons/io5"; + +function Page() { + const [isSidebarOpen, setIsSidebarOpen] = useState(true); + const [isIcon, setIsIcon] = useState(false); + + const toggleSidebar = () => { + setIsSidebarOpen(!isSidebarOpen); + setIsIcon(!isIcon); + }; + return (<> +
+
+

<Webwiz/>

+
+

About

+

Projects

+

Workshops

+

Events

+
+
Join Us
+
+
+ + + {isSidebarOpen && ( +
+ +
+
  • About
    • +
  • Projects
    • +
  • Workshops
    • +
  • Events
    • +
  • Join Us
    • +
    +
    + )} + {!isSidebarOpen && ( +
    + +
    + )} + + + ) +} + +export default Page \ No newline at end of file diff --git a/src/app/globals.css b/src/app/globals.css index 03b6fdd..ed227e0 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -116,4 +116,4 @@ p { .rotating { animation: rotate 6s linear infinite; -}*/ \ No newline at end of file +}*/