Skip to content

Commit

Permalink
fda
Browse files Browse the repository at this point in the history
  • Loading branch information
@neerajrekwar
neerajrekwar committed Sep 6, 2024
1 parent 623e599 commit e6e8b06
Show file tree
Hide file tree
Showing 11 changed files with 159 additions and 257 deletions.
77 changes: 50 additions & 27 deletions app/blog/page.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,9 +1,14 @@
'use client'
"use client";
import posts from "./data/posts.json";
import Link from "next/link";
import Image from "next/image";
import BlogExcerpt from "../components/BlogExcerpt";
import { IconLink, IconPointFilled, IconShare, IconSparkles } from "@tabler/icons-react";
import {
IconLink,
IconPointFilled,
IconShare,
IconSparkles,
} from "@tabler/icons-react";
import LikeButton from "../components/LikeButton";
import ShareDialog from "../components/ShareDialog"; // Import the ShareDialog component
import { useState } from "react";
Expand All @@ -27,12 +32,17 @@ export default function BlogIndexPage() {
<div className="m-auto max-w-5xl">
<div className="max-w-5xl py-6 md:py-8 mx-2 flex justify-between rounded-full items-center">
<p className="m-1 px-2 text-four ">start for beginning</p>
<p className="m-1 px-2 text-four text-xl"><IconSparkles /></p>
<p className="m-1 px-2 text-four text-xl">
<IconSparkles />
</p>
</div>
</div>
<ul className="basis-2/2 max-w-5xl m-auto flex-col flex gap-6">
{posts.map((post) => (
<li key={post.slug} className="p-2 border-b-2 bg-custom-radial-sm md:bg-none rounded border-seven sm:flex gap-10 flex-row-reverse m-2">
<li
key={post.slug}
className="p-2 border-b-2 bg-custom-radial-sm md:bg-none rounded border-seven sm:flex gap-10 flex-row-reverse m-2"
>
<div className="basis-1/4 rounded md:rounded-none flex justify-center items-center md:aspect-square aspect-video overflow-hidden border-red-400">
{post.imageUrl ? (
<Image
Expand All @@ -54,32 +64,36 @@ export default function BlogIndexPage() {
>
{post.title}
</Link>
) : (<div className=''>title in processing</div>)}
) : (
<div className="">title in processing</div>
)}
<div className="flex gap-1 md:gap-2 opacity-50 text-four md:pb-4 tracking-wide text-xs md:text-sm font-medium py-2 justify-start">
{post?.date ? (<p>
{new Date(post.date).toLocaleDateString("en-US", {
year: "numeric",
month: "long",
day: "numeric",
})}
</p>) : (<p>none of print</p>)}
●
{post?.author ? (<p>
{post.author}
</p>) : (<p>unknown</p>)}


{post?.date ? (
<p>
{new Date(post.date).toLocaleDateString("en-US", {
year: "numeric",
month: "long",
day: "numeric",
})}
</p>
) : (
<p>none of print</p>
)}
●{post?.author ? <p>{post.author}</p> : <p>unknown</p>}
</div>
<BlogExcerpt
key={post.slug}

description={post.description || "No description available"}
slug={post.slug}
/>
<div className="flex items-center rounded-full text-gray-400 justify-between">
<IconShare
className="text-four hover:text-five cursor-pointer"
onClick={() => openShareDialog(`https://neerajrekwar.github.io/blog/${post.slug}`)}
onClick={() =>
openShareDialog(
`https://neerajrekwar.github.io/blog/${post.slug}`
)
}
/>
<IconLink className="text-four hover:text-five" />
<LikeButton />
Expand All @@ -91,15 +105,24 @@ export default function BlogIndexPage() {
</li>
))}
</ul>
<ShareDialog url={shareUrl} isOpen={isDialogOpen} onClose={closeShareDialog} />
<ShareDialog
url={shareUrl}
isOpen={isDialogOpen}
onClose={closeShareDialog}
/>
</section>
<section className="min-h-96 ">
<div className="m-auto max-w-5xl py-16 px-2">
<h4 className="text-center text-4xl">Change thinking, your life Change automatically </h4>
<p className="text-center p-4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque quibusdam culpa eveniet sed commodi beatae, quam nemo, iure, necessitatibus repellendus earum distinctio veritatis ab! Corporis minus dolore dolorem ullam voluptates.</p>
</div>
</section>
<div className="m-auto text-four max-w-5xl py-16 px-2">
<h4 className="text-center text-4xl">
Once you change your thinking, your life will automatically change.{" "}
</h4>
<p className="text-center text-secondary p-4">
When you shift your mindset to a more positive and empowered
outlook, you will notice a corresponding transformation in your
daily life.
</p>
</div>
</section>
</main>

);
}
12 changes: 6 additions & 6 deletions app/components/BackgroundAurra.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,9 +20,9 @@ export function AuroraBackgroundDemo() {
duration: 0.8,
ease: "easeInOut",
}}
className="relative flex flex-col gap-4 items-center justify-center px-4"
className="relative w-full flex flex-col gap-4 items-center justify-center px-4 md:px-[14%]"
>
<div className="max-w-8xl text-left m-auto text-four">
<div className="w-full text-left m-auto text-four">
<motion.div className="gap-2 flex mb-10 flex-row w-fit p-1 pr-8 rounded-full bg-seven justify-start items-center text-semibold">
<motion.div
whileDrag={{}}
Expand Down Expand Up @@ -57,7 +57,7 @@ export function AuroraBackgroundDemo() {
delay: 2,
duration: 1,
}}
className="font-semibold text-secondary"
className="font-semibold text-sm text-secondary"
>
<motion.p
initial={{ opacity: 0, x: 10 }}
Expand Down Expand Up @@ -85,10 +85,10 @@ export function AuroraBackgroundDemo() {
}}
className="flex gap-1 h-4"
>
<p className=" flex flex-row justify-start text-third items-center text-3xl">
<p className=" flex flex-row justify-start text-third items-center text-xl">
&#8226;
</p>
<p className="text-four flex flex-row justify-start items-center font-normal text-sm">
<p className="text-four text-xs flex flex-row font-semibold justify-start items-center font-normal text-sm">
Available for freelance work
</p>
</motion.div>
Expand Down Expand Up @@ -126,7 +126,7 @@ export function AuroraBackgroundDemo() {

<motion.div className=" gap-2 mt-10 max-w-fit flex justify-center items-center">
<motion.button
className=" bg-secondary text-primary p-2 px-4 rounded-full "
className="inline-flex text-four h-10 items-center justify-center rounded-full border border-slate-800 bg-[linear-gradient(110deg,#000103,45%,#1e2631,55%,#000103)] bg-[length:200%_100%] px-4 font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-four focus:ring-offset-2 focus:ring-offset-slate-50"
initial={{ opacity: 0, scale: 0.2, x: -200, y: -200 }}
animate={{ opacity: 1, scale: 1, x: 0, y: 0 }}
transition={{
Expand Down
42 changes: 24 additions & 18 deletions app/components/VisionSection.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -729,10 +729,10 @@ export const VisionSection: React.FC = () => {
</p>
<div className="flex justify-center items-center m-2 p-2 bg-seven rounded-md">
<Image
className="h-64 w-64"
className="h-44 w-44"
src={"/projects/home/Analytics.svg"}
width={300}
height={200}
width={150}
height={150}
alt="find best practice Analytice"
/>
</div>
Expand All @@ -750,8 +750,9 @@ export const VisionSection: React.FC = () => {
<div className=" flex justify-center items-center m-2 p-2 bg-seven rounded-md">
<Image
src={"/projects/home/Dev_productivity.svg"}
width={300}
height={200}
className="h-44 w-44"
width={150}
height={150}
alt="find best practice Analytice"
/>
</div>
Expand All @@ -766,8 +767,9 @@ export const VisionSection: React.FC = () => {
<div className=" flex justify-center p-10 items-center m-2 p-2 bg-seven rounded-md">
<Image
src={"/projects/home/Semantics.svg"}
width={300}
height={200}
className="h-44 w-44"
width={150}
height={150}
alt="find best practice Analytice"
/>
</div>
Expand All @@ -782,8 +784,9 @@ export const VisionSection: React.FC = () => {
<div className=" flex justify-center items-center m-2 p-2 bg-seven rounded-md p-10">
<Image
src={"/projects/home/Accessibility.svg"}
width={300}
height={200}
className="h-44 w-44"
width={150}
height={150}
alt="find best practice Analytice"
/>
</div>
Expand All @@ -801,8 +804,9 @@ export const VisionSection: React.FC = () => {
<div className=" flex justify-center items-center m-2 p-2 bg-seven rounded-md p-10">
<Image
src={"/projects/home/Dev_productivity.svg"}
width={300}
height={200}
className="h-44 w-44"
width={150}
height={150}
alt="find best practice Analytice"
/>
</div>
Expand All @@ -819,8 +823,9 @@ export const VisionSection: React.FC = () => {
<div className=" flex justify-center items-center p-10 m-2 p-2 bg-seven rounded-md">
<Image
src={"/projects/home/Sitemap.svg"}
width={300}
height={200}
className="h-44 w-44"
width={150}
height={150}
alt="find best practice Analytice"
/>
</div>
Expand All @@ -835,8 +840,9 @@ export const VisionSection: React.FC = () => {
<div className=" flex justify-center items-center m-2 p-2 bg-seven rounded-md">
<Image
src={"/projects/home/Dev_productivity.svg"}
width={300}
height={200}
className="h-44 w-44"
width={150}
height={150}
alt="find best practice Analytice"
/>
</div>
Expand All @@ -849,10 +855,10 @@ export const VisionSection: React.FC = () => {
</p>
<div className="flex justify-center items-center m-2 p-2 bg-seven rounded-md ">
<Image
className=""
src={"/projects/home/hosting.svg"}
width={300}
height={200}
className="h-44 w-44"
width={150}
height={150}
alt="find best practice Analytice"
/>
</div>
Expand Down
Loading

0 comments on commit e6e8b06

Please sign in to comment.