Skip to content

Commit

Permalink
fdas
Browse files Browse the repository at this point in the history
  • Loading branch information
@neerajrekwar
neerajrekwar committed Jul 8, 2024
1 parent 1b97b26 commit ba446bb
Show file tree
Hide file tree
Showing 13 changed files with 127 additions and 125 deletions.
16 changes: 8 additions & 8 deletions app/components/DeviceAddress.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,19 +31,19 @@ const DeviceAddress: React.FC = () => {
}, []);

return (
<div className="min-h-screen bg-gray-100 flex items-center justify-center p-4">
<div className="bg-white shadow-md rounded-lg p-6 max-w-md w-full">
<div className="flex items-center justify-center">
<div className="text-secondaryText ">
{error ? (
<div className="text-red-500 text-center">
<div className=" text-center">
<p>Error: {error}</p>
</div>
) : address ? (
<div>
<h2 className="text-2xl font-bold mb-4 text-center">Device Address</h2>
<p className="text-lg"><strong>IP:</strong> {address.ip}</p>
<p className="text-lg"><strong>City:</strong> {address.city}</p>
<p className="text-lg"><strong>Region:</strong> {address.region}</p>
<p className="text-lg"><strong>Country:</strong> {address.country}</p>
{/* <h2 className="text-2xl font-bold mb-4 text-center">Device Address</h2> */}
{/* <p className="text-lg"><strong>IP:</strong> {address.ip}</p> */}
<p className=""> {address.city}</p>
<p className=""> {address.region}</p>
<p className=""> {address.country}</p>

</div>
) : (
Expand Down
98 changes: 50 additions & 48 deletions app/components/StickyRelativeDemo.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,17 +12,17 @@ const source_Code_Pro = Source_Code_Pro({

const StickyRelativeDemo: NextPage = () => {
return (
<div className="m-auto justify-between p-2 max-h-fit max-w-6xl ">
<div className="justify-start flex items-center py-4 text-2xl text-primaryText visible sm:text-4xl">
<div className="text-four text-4xl sm:text-6xl sm:mx-2">&#8226;</div>
<div className="m-auto justify-between p-2 max-h-fit max-w-6xl">
<div className="justify-start text-semibold flex items-center gap-2 sm:gap-1 py-10 text-2xl text-primaryText visible sm:text-4xl">
<div className="text-secondaryText text-4xl sm:text-6xl sm:mx-2">&#8226;</div>
Recent projects
</div>

<div className="relative m-auto min-h-screen max-w-7xl flex-col justify-evenly border-blue-400 sm:flex sm:flex-row">
<div className="relative visible top-0 flex min-h-full basis-1/2 flex-col justify-between border-rose-500 sm:gap-10">
<div className="sticky top-0 will-change-transform overflow-hidden z-10 pt-10 items-center justify-center border-green-500">
<div className="flex flex-wrap border-yellow-400">
<div className=" mb-4 max-w-fit rounded-full border-1 bg-primary border-secondaryText text px-3 py-1 text-sm">
<div className=" mb-4 max-w-fit rounded-full border-2 bg-secondary border-pBorder text-primaryText px-3 py-1 text-sm">
2024
</div>
</div>
Expand All @@ -32,33 +32,33 @@ const StickyRelativeDemo: NextPage = () => {
Craft &amp; Code: Building the Future, One Line at a Time
</h2>
<div >
<p className="text-secondaryText">
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?
</p>
<p className="text-secondaryText text-base">
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?
</p>
</div>
</div>
</div>
<div className="text-xs pt-12">
<ul className=" flex justify-between text-gray-light py-6 border-b-1 border-primary">
<li className="text-secondaryText">Role</li>
<div className="text-sm pt-12 ">
<ul className=" flex justify-between font-semibold text-secondaryText py-6 border-b-1 border-pBorder">
<li className="text-secondaryText font-normal">Role</li>
<li>Digital Marketing</li>
</ul>
<ul className="flex justify-between text-gray-light py-6 border-b-1 border-primary">
<li className="text-secondaryText">Deliverables</li>
<ul className="flex justify-between font-semibold py-6 border-b-1 border-pBorder">
<li className="text-secondaryText font-normal">Deliverables</li>
<li>Survey checks</li>
</ul>
<ul className="flex justify-between text-gray-light py-6 border-b-1 border-primary">
<li className="text-secondaryText">Company</li>
<li>Veecrew Market Research pvt. ltd.</li>
<ul className="flex justify-between font-semibold py-6 border-b-1 border-pBorder">
<li className="text-secondaryText font-normal">Company</li>
<li>VMR</li>
</ul>
<ul className="flex justify-between text-gray-light py-6 border-b-1 border-primary">
<li className="text-secondaryText">Visit Site</li>
<li>
<ul className="flex justify-between font-semibold py-6 border-b-1 border-pBorder">
<li className="text-secondaryText font-normal">Visit Site</li>
<li className="px-2">
<Link href="https://veecrew.com" className="">
<svg xmlns="http://www.w3.org/2000/svg" className="fill-secondaryText hover:fill-third" height="24px" viewBox="0 -960 960 960" width="24px" fill="#5f6368"><path d="M440-280H280q-83 0-141.5-58.5T80-480q0-83 58.5-141.5T280-680h160v80H280q-50 0-85 35t-35 85q0 50 35 85t85 35h160v80ZM320-440v-80h320v80H320Zm200 160v-80h160q50 0 85-35t35-85q0-50-35-85t-85-35H520v-80h160q83 0 141.5 58.5T880-480q0 83-58.5 141.5T680-280H520Z"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" className="fill-secondaryText hover:fill-third" height="24px" viewBox="0 -960 960 960" width="24px" fill="#5f6368"><path d="M440-280H280q-83 0-141.5-58.5T80-480q0-83 58.5-141.5T280-680h160v80H280q-50 0-85 35t-35 85q0 50 35 85t85 35h160v80ZM320-440v-80h320v80H320Zm200 160v-80h160q50 0 85-35t35-85q0-50-35-85t-85-35H520v-80h160q83 0 141.5 58.5T880-480q0 83-58.5 141.5T680-280H520Z" /></svg>
</Link>
</li>
</ul>
Expand All @@ -67,7 +67,7 @@ const StickyRelativeDemo: NextPage = () => {
</div>
</div>
<div className="relative basis-1/2 pt-10 overflow-hidden border-rose-500">
<div className=" mb-4 max-w-fit rounded-full border-1 bg-primary border-secondaryText text px-3 py-1 text-sm">
<div className=" mb-4 max-w-fit rounded-full border-2 bg-secondary border-pBorder text-primaryText px-3 py-1 text-sm">
Showcase
</div>
<div className="grid gap-4 p-2 pt-4 sm:gap-10">
Expand Down Expand Up @@ -99,43 +99,43 @@ const StickyRelativeDemo: NextPage = () => {
<div className="relative visible top-0 flex min-h-full basis-1/2 flex-col justify-between border-rose-500 sm:gap-10">
<div className="sticky top-0 will-change-transform overflow-hidden z-10 pt-10 items-center justify-center border-green-500">
<div className="flex flex-wrap border-yellow-400">
<div className=" mb-4 max-w-fit rounded-full border-1 bg-primary border-secondaryText text px-3 py-1 text-sm">
<div className=" mb-4 max-w-fit rounded-full border-2 bg-secondary border-pBorder text-primaryText px-3 py-1 text-sm">
2024
</div>
</div>
<div className="border-yellow-400 sm:pr-10">
<div className="max-w-2xl ">
<div className="max-w-2xl">
<h2 className="text-2xl py-2 pb-3 font-semibold text-primaryText">
Craft &amp; Code: Building the Future, One Line at a Time
</h2>
<div >
<p className="text-secondaryText">
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?
</p>
</div>
<p className="text-secondaryText text-base">
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?
</p>
</div>
</div>
<div className="text-xs pt-12">
<ul className=" flex justify-between text-gray-light py-6 border-b-1 border-primary">
<li className="text-secondaryText">Role</li>
<div className="text-sm pt-12 ">
<ul className=" flex justify-between font-semibold text-secondaryText py-6 border-b-1 border-pBorder">
<li className="text-secondaryText font-normal">Role</li>
<li>Digital Marketing</li>
</ul>
<ul className="flex justify-between text-gray-light py-6 border-b-1 border-primary">
<li className="text-secondaryText">Deliverables</li>
<ul className="flex justify-between font-semibold py-6 border-b-1 border-pBorder">
<li className="text-secondaryText font-normal">Deliverables</li>
<li>Survey checks</li>
</ul>
<ul className="flex justify-between text-gray-light py-6 border-b-1 border-primary">
<li className="text-secondaryText">Company</li>
<li>Veecrew Market Research pvt. ltd.</li>
<ul className="flex justify-between font-semibold py-6 border-b-1 border-pBorder">
<li className="text-secondaryText font-normal">Company</li>
<li>VMR</li>
</ul>
<ul className="flex justify-between text-gray-light py-6 border-b-1 border-primary">
<li className="text-secondaryText">Visit Site</li>
<li>
<ul className="flex justify-between font-semibold py-6 border-b-1 border-pBorder">
<li className="text-secondaryText font-normal">Visit Site</li>
<li className="px-2">
<Link href="https://veecrew.com" className="">
<svg xmlns="http://www.w3.org/2000/svg" className="fill-secondaryText hover:fill-third" height="24px" viewBox="0 -960 960 960" width="24px" fill="#5f6368"><path d="M440-280H280q-83 0-141.5-58.5T80-480q0-83 58.5-141.5T280-680h160v80H280q-50 0-85 35t-35 85q0 50 35 85t85 35h160v80ZM320-440v-80h320v80H320Zm200 160v-80h160q50 0 85-35t35-85q0-50-35-85t-85-35H520v-80h160q83 0 141.5 58.5T880-480q0 83-58.5 141.5T680-280H520Z"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" className="fill-secondaryText hover:fill-third" height="24px" viewBox="0 -960 960 960" width="24px" fill="#5f6368"><path d="M440-280H280q-83 0-141.5-58.5T80-480q0-83 58.5-141.5T280-680h160v80H280q-50 0-85 35t-35 85q0 50 35 85t85 35h160v80ZM320-440v-80h320v80H320Zm200 160v-80h160q50 0 85-35t35-85q0-50-35-85t-85-35H520v-80h160q83 0 141.5 58.5T880-480q0 83-58.5 141.5T680-280H520Z" /></svg>
</Link>
</li>
</ul>
Expand All @@ -144,7 +144,7 @@ const StickyRelativeDemo: NextPage = () => {
</div>
</div>
<div className="relative basis-1/2 pt-10 overflow-hidden border-rose-500">
<div className=" mb-4 max-w-fit rounded-full border-1 bg-primary border-secondaryText text px-3 py-1 text-sm">
<div className=" mb-4 max-w-fit rounded-full border-2 bg-secondary border-pBorder text-primaryText px-3 py-1 text-sm">
Showcase
</div>
<div className="grid gap-4 p-2 pt-4 sm:gap-10">
Expand Down Expand Up @@ -172,6 +172,8 @@ const StickyRelativeDemo: NextPage = () => {
</div>
</div>
</div>


</div>
);
};
Expand Down
4 changes: 2 additions & 2 deletions app/components/TextFlipper.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,6 @@ import React, { useState, useEffect } from 'react';
import { motion } from 'framer-motion';

const words = ['Programmer', 'Creator', 'Artist', 'Photographer', 'Designer', 'Enthusiast'];

const TextFlipper: React.FC = () => {
const [index, setIndex] = useState(0);

Expand All @@ -15,7 +14,7 @@ const TextFlipper: React.FC = () => {
}, []);

return (
<div className="inline-flex text-left md:h-20 lg:h-24 font-bold">
<div className="inline-flex text-left md:h-20 lg:h-24 font-bold">
<motion.div
key={index}
initial={{ opacity: 0, y: -20 }}
Expand All @@ -27,6 +26,7 @@ const TextFlipper: React.FC = () => {
{words[index]}
</motion.div>
</div>

);
};

Expand Down
2 changes: 1 addition & 1 deletion app/components/backgroundBeams.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ import Link from "next/link";

export function BackgroundBeamsDemo() {
return (
<div className="min-h-screen w-full bg-[#0a0a0a] relative flex flex-col items-start justify-center antialiased">
<div className="min-h-screen w-full bg-primary relative flex flex-col items-start justify-center antialiased">
<div className="max-w-6xl text-left mx-auto p-4">
<motion.h1
initial={{ opacity: 0, y: 100 }}
Expand Down
7 changes: 5 additions & 2 deletions app/components/homeSectionHeader.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@ import { Caveat } from "next/font/google";
import CurrentTime from "./CurrentTime";
import Weather from "./WeatherApp";
import { BackgroundBeamsDemo } from "./backgroundBeams";
import DeviceAddress from "./DeviceAddress";

const caveat = Caveat({
weight: "400",
Expand All @@ -18,7 +19,7 @@ export default function HomeSectionHeader() {
<BackgroundBeamsDemo />
<span className="absolute w-full opacity-75 flex justify-between text-[.6rem] md:text-[.5rem] lg:text-[.7rem] top-2 text-white z-999 text-right top-2 right-2">
<div className={caveat.className}>
<Link href={"/"} className="ml-4 text-4xl font-bold">
<Link href={"/"} className="ml-4 text-secondaryText text-2xl sm:text-4xl md:text-5xl font-bold">
{/* <i className="bg-white px-[.2rem] my-1 h-[3rem] rounded border text-black not-italic"></i> */}
ne.
</Link>
Expand All @@ -40,7 +41,9 @@ export default function HomeSectionHeader() {
</li>
</ul>
</nav>

<div className="text-secondary">
<DeviceAddress/>
</div>
</div>
</span>
</div>
Expand Down
1 change: 0 additions & 1 deletion app/components/introSection.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,6 @@ export default function IntroSection() {
return (
<>
<TypewriterEffectSmoothDemo />

<StickyRelativeDemo />
</>
);
Expand Down
13 changes: 13 additions & 0 deletions app/components/reviewSection.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
import { InfiniteMovingCardsDemo } from "./infiniteCard";

export function ReviewSection() {
return (
<>
<div className="justify-start m-auto max-w-6xl text-semibold flex items-center gap-2 sm:gap-1 py-10 text-2xl text-primaryText visible sm:text-4xl">
<div className="text-secondaryText text-4xl sm:text-6xl sm:mx-2">&#8226;</div>
Recent projects
</div>
<InfiniteMovingCardsDemo />
</>
);
};
20 changes: 4 additions & 16 deletions app/components/typeWriter.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,4 @@
"use client";
import DarkModeToggle from "./DarkModeToggle";
import { TypewriterEffectSmooth } from "./ui/typewriter-effect";

export function TypewriterEffectSmoothDemo() {
Expand All @@ -18,28 +17,17 @@ export function TypewriterEffectSmoothDemo() {
},
{
text: "neeraj rekwar.",
className: "text-third",
className: "text-thirdText",
},
];
return (
<div className="bg-[#0a0a0a] text-white flex flex-col items-center justify-center h-[40rem]">
<div className="flex flex-col items-center justify-center h-[40rem] w-full">
<p className="text-primary sm:text-base ">
<div className="bg-primary flex flex-col items-center justify-center h-[40rem] ">
<div className="flex flex-col items-center justify-center h-[40rem] w-full">
<p className="text-secondary sm:text-base ">
The road to make unique from here
</p>

<TypewriterEffectSmooth words={words} />
</div>


{/* <div className="flex flex-col md:flex-row space-y-4 md:space-y-0 space-x-0 md:space-x-4">
<button className="w-40 h-10 rounded-xl bg-black border dark:border-white border-transparent text-white text-sm">
Join now
</button>
<button className="w-40 h-10 rounded-xl bg-white text-black border border-black text-sm">
Signup
</button>
</div>*/}
</div>
);
}
8 changes: 4 additions & 4 deletions app/components/ui/typewriter-effect.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -88,7 +88,7 @@ export const TypewriterEffect = ({
repeatType: "reverse",
}}
className={cn(
"inline-block rounded-sm w-[4px] h-4 md:h-6 lg:h-10 bg-dark",
"inline-block rounded-sm w-[4px] h-4 md:h-6 lg:h-10 bg-transparent",
cursorClassName,
)}
></motion.span>
Expand Down Expand Up @@ -124,7 +124,7 @@ export const TypewriterEffectSmooth = ({
{word.text.map((char, index) => (
<span
key={`char-${index}`}
className={cn(`text-primary `, word.className)}
className={cn(`text-secondary `, word.className)}
>
{char}
</span>
Expand Down Expand Up @@ -154,7 +154,7 @@ export const TypewriterEffectSmooth = ({
}}
>
<div
className="text-sm dark:text-white text-white sm:text-base md:text-xl lg:text:3xl xl:text-5xl font-semibold"
className="text-md sm:text-base md:text-xl lg:text:3xl xl:text-5xl font-semibold"
style={{
whiteSpace: "nowrap",
}}
Expand All @@ -176,7 +176,7 @@ export const TypewriterEffectSmooth = ({
repeatType: "reverse",
}}
className={cn(
"block rounded-sm w-[4px] h-4 sm:h-6 xl:h-12 bg-dark ",
"block rounded-sm w-[4px] h-4 sm:h-6 xl:h-12 ",
cursorClassName,
)}
></motion.span>
Expand Down
Loading

0 comments on commit ba446bb

Please sign in to comment.