From 2f1fa138e9adda908fbf3b4accb5d026b70c82c3 Mon Sep 17 00:00:00 2001
From: Darine <tagdarinefatma@gmail.com>
Date: Mon, 27 Nov 2023 13:29:57 +0100
Subject: [PATCH] feat(page): blogs

add blogs
---
 .../developeravatar/DeveloperAvatar.jsx       |   2 +-
 src/pages/about/index.jsx                     | 156 +++++++++---------
 src/pages/blog/[slug].jsx                     |   8 +-
 src/pages/blog/_posts/post1-copy.md           |   8 +-
 src/pages/blog/_posts/post1.md                |  44 ++---
 src/pages/blog/_posts/post2.md                |  41 +++++
 6 files changed, 149 insertions(+), 110 deletions(-)
 create mode 100644 src/pages/blog/_posts/post2.md

diff --git a/src/components/developeravatar/DeveloperAvatar.jsx b/src/components/developeravatar/DeveloperAvatar.jsx
index 8dd00a6..4db9ca5 100644
--- a/src/components/developeravatar/DeveloperAvatar.jsx
+++ b/src/components/developeravatar/DeveloperAvatar.jsx
@@ -14,7 +14,7 @@ const DeveloperAvatar = ({ name, avatarUrl, description, href }) => {
                         layout='fill'
                     />
                 </div>
-                <p className='text-xl text-lime-800 font-semibold my-2'>
+                <p className='text-xl text-lime-600 font-semibold my-2'>
                     {name}
                 </p>
                 <p className='text-black text-base w-4/5 md:w-full '>
diff --git a/src/pages/about/index.jsx b/src/pages/about/index.jsx
index 549aee2..bba34ac 100644
--- a/src/pages/about/index.jsx
+++ b/src/pages/about/index.jsx
@@ -5,94 +5,88 @@ import DeveloperAvatar from "@/components/developeravatar/DeveloperAvatar";
 function AboutPage() {
     return (
         <section>
-            <div className='bg-gradient-to-tr from-lime-400 via-white to-white'>
-                <div className='sm:flex flex flex-row items-center max-w-screen-xl flex-wrap-reverse p-10 lg:p-0'>
-                    <div className='sm:w-1/2 lg:pb-24 pb-16 pt-20 lg:pl-32 pl-1'>
-                        <div className='display block lg:h-80 lg:w-96 max-w-screen-xl max-h-96'>
-                            <Image
-                                className='w-10/12 h-96 blur-sm drop-shadow-2xl flex items-center justify-center'
-                                src='/images/aboutus.png'
-                                width={500}
-                                height={500}
-                                alt='hero'
-                            />
-                        </div>
+            <div className='sm:flex flex flex-row items-center max-w-screen-xl flex-wrap-reverse p-10 lg:p-0'>
+                <div className='sm:w-1/2 lg:pb-24 pb-16 pt-20 lg:pl-32 pl-1'>
+                    <div className='display block lg:h-80 lg:w-96 max-w-screen-xl max-h-96'>
+                        <Image
+                            className='w-10/12 h-96 blur-sm drop-shadow-2xl flex items-center justify-center'
+                            src='/images/aboutus.png'
+                            width={500}
+                            height={500}
+                            alt='hero'
+                        />
                     </div>
-                    <div className='sm:w-1/2 p-5'>
-                        <div className='text'>
-                            <span className='text-gray-500 border-b-2 border-lime-600 uppercase'>
-                                About us
-                            </span>
+                </div>
+                <div className='sm:w-1/2 p-5'>
+                    <div className='text'>
+                        <span className='text-gray-500 border-b-2 border-lime-600 uppercase'>
+                            About us
+                        </span>
 
-                            <h2 className='my-4 font-bold text-3xl  sm:text-4xl '>
-                                Who{" "}
-                                <span className='text-lime-600'>We Are</span>
-                            </h2>
-                            <p className='text-gray-700'>
-                                Welcome to Let&apos;s Share - where sharing is
-                                caring! In our community, we believe in the
-                                heartwarming essence of sharing daily
-                                essentials. Extra food, lovely clothes, or cozy
-                                furniture - at Let&apos;s Share, it&apos;s about
-                                connecting and making a positive impact right
-                                where you are. Let&apos;s transform our region
-                                into a haven of shared moments. Join Let&apos;s
-                                Share, where sharing isn&apos;t just a choice;
-                                it&apos;s a way of life.
-                            </p>
-                        </div>
+                        <h2 className='my-4 font-bold text-3xl  sm:text-4xl '>
+                            Who <span className='text-lime-600'>We Are</span>
+                        </h2>
+                        <p className='text-gray-700'>
+                            Welcome to Let&apos;s Share - where sharing is
+                            caring! In our community, we believe in the
+                            heartwarming essence of sharing daily essentials.
+                            Extra food, lovely clothes, or cozy furniture - at
+                            Let&apos;s Share, it&apos;s about connecting and
+                            making a positive impact right where you are.
+                            Let&apos;s transform our region into a haven of
+                            shared moments. Join Let&apos;s Share, where sharing
+                            isn&apos;t just a choice; it&apos;s a way of life.
+                        </p>
                     </div>
                 </div>
             </div>
 
-            <div className='bg-gradient-to-br from-lime-400 via-white to-white'>
-                <div className='flex flex-wrap justify-center mb-20'>
-                    <div className='text-center w-full mb-4'>
-                        <h1 className='text-3xl font-bold p-12'>Our Team</h1>
-                    </div>
-                    {/* Developer 1 */}
-                    <DeveloperAvatar
-                        name='Darine Tag'
-                        avatarUrl='/images/developer1.png'
-                        description='Visionary creator of seamless, stunning user experiences.'
-                        href='https://www.linkedin.com/in/darine-tag/'
-                    />
-                    {/* Developer 2 */}
-                    <DeveloperAvatar
-                        name='Hadj Said Bouras'
-                        avatarUrl='/images/developer2.jfif'
-                        description='Meticulous architect, crafting clean, efficient, pixel-perfect interfaces.'
-                        href='https://www.linkedin.com/in/hadj-said-front-end-web-developer-a577a8255/'
-                    />
-                    {/* Developer 3 */}
-                    <DeveloperAvatar
-                        name='Ismail Benlaredj'
-                        avatarUrl='/images/developer3.jfif'
-                        description='Dynamic innovator, blends energy, tech trends for excellence.'
-                        href='https://www.linkedin.com/in/ismailbenlaredj/'
-                    />
-                    {/* Developer 4 */}
-                    <DeveloperAvatar
-                        name='Mohamed Cheraitia'
-                        avatarUrl='/images/mohamed-ch.jpg'
-                        description='Versatile engineer, seamlessly blends creativity with technicality.'
-                        href='https://www.linkedin.com/in/mohamed-ch-947939272/'
-                    />
-                    {/* Developer 5 */}
-                    <DeveloperAvatar
-                        name='Laid Benglia'
-                        avatarUrl='/images/laid benglia.jpg'
-                        description='Front-end magician, turns ideas into interactive wonders.'
-                        href='https://www.linkedin.com/in/laid-benglia-452013199/'
-                    />
-                    {/* Developer 6 */}
-                    <DeveloperAvatar
-                        name='sara Bagache'
-                        avatarUrl='/images/sara bagach.jpg'
-                        description='Pragmatic developer, builds robust, scalable, user-friendly applications.'
-                        href='https://github.com/SaraBegache'
-                    />
+            <div className='flex flex-wrap justify-center mb-20 gap-10'>
+                <div className='text-center w-full mb-4'>
+                    <h1 className='text-3xl font-bold p-12'>Our Team</h1>
                 </div>
+                {/* Developer 1 */}
+                <DeveloperAvatar
+                    name='Darine Tag'
+                    avatarUrl='/images/developer1.png'
+                    description='Visionary creator of seamless, stunning user experiences.'
+                    href='https://www.linkedin.com/in/darine-tag/'
+                />
+                {/* Developer 2 */}
+                <DeveloperAvatar
+                    name='Hadj Said Bouras'
+                    avatarUrl='/images/developer2.jfif'
+                    description='Meticulous architect, crafting clean, efficient, pixel-perfect interfaces.'
+                    href='https://www.linkedin.com/in/hadj-said-front-end-web-developer-a577a8255/'
+                />
+                {/* Developer 3 */}
+                <DeveloperAvatar
+                    name='Ismail Benlaredj'
+                    avatarUrl='/images/developer3.jfif'
+                    description='Dynamic innovator, blends energy, tech trends for excellence.'
+                    href='https://www.linkedin.com/in/ismailbenlaredj/'
+                />
+                {/* Developer 4 */}
+                <DeveloperAvatar
+                    name='Mohamed Cheraitia'
+                    avatarUrl='/images/mohamed-ch.jpg'
+                    description='Versatile engineer, seamlessly blends creativity with technicality.'
+                    href='https://www.linkedin.com/in/mohamed-ch-947939272/'
+                />
+                {/* Developer 5 */}
+                <DeveloperAvatar
+                    name='Laid Benglia'
+                    avatarUrl='/images/laid benglia.jpg'
+                    description='Front-end magician, turns ideas into interactive wonders.'
+                    href='https://www.linkedin.com/in/laid-benglia-452013199/'
+                />
+                {/* Developer 6 */}
+                <DeveloperAvatar
+                    name='sara Bagache'
+                    avatarUrl='/images/sara bagach.jpg'
+                    description='Pragmatic developer, builds robust, scalable, user-friendly applications.'
+                    href='https://github.com/SaraBegache'
+                />
             </div>
         </section>
     );
diff --git a/src/pages/blog/[slug].jsx b/src/pages/blog/[slug].jsx
index 5ac5b81..c7520c7 100644
--- a/src/pages/blog/[slug].jsx
+++ b/src/pages/blog/[slug].jsx
@@ -7,13 +7,15 @@ import { getAllPosts, getPostBySlug, markdownToHtml } from "@/lib/blogApi";
 const PostHeader = ({ title, image, imageAlt, date, timeToRead }) => {
     return (
         <>
-            <div className='mb-20 text-center'>
+            <div className='mb-20 text-center mt-14'>
                 <img
                     src={image}
                     alt={imageAlt}
                     className='w-full h-[35rem] object-cover rounded-lg'
                 />
-                <h1 className='text-3xl my-8'>{title}</h1>
+                <h1 className='text-4xl font-bold my-8 text-lime-600'>
+                    {title}
+                </h1>
                 <p>{`Time to read ${timeToRead} min`} </p>
                 <p>{`publiched: ${new Date(date).toDateString()}`}</p>
             </div>
@@ -22,7 +24,7 @@ const PostHeader = ({ title, image, imageAlt, date, timeToRead }) => {
 };
 const PostBody = ({ content }) => {
     return (
-        <div className='max-w-5xl mx-auto'>
+        <div className='max-w-3xl text-center mx-auto'>
             <div
                 className='prose-p:w-full lg:prose-xl  w-full lg:w-[58rem] prose prose-override-width text-black
          prose-headings:text-black
diff --git a/src/pages/blog/_posts/post1-copy.md b/src/pages/blog/_posts/post1-copy.md
index 5fd08a7..c557182 100644
--- a/src/pages/blog/_posts/post1-copy.md
+++ b/src/pages/blog/_posts/post1-copy.md
@@ -1,13 +1,13 @@
 ---
-title: "The Power of Sharing: How Students Can Help Each Other Succeed"
+title: "How Students Can Help Each Other Succeed"
 description: "In the world of education, students often find themselves in a race to acquire knowledge and skills. While individual efforts are crucial, the power of sharing and helping fellow students should not be underestimated."
-coverImage: "https://images.unsplash.com/photo-1531545514256-b1400bc00f31?auto=format&fit=crop&q=60&w=500&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTF8fHN0dWRlbnRzfGVufDB8fDB8fHww"
+coverImage: "https://images.unsplash.com/photo-1534009916851-7850ba974f9c?q=80&w=1374&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
 date: "2023-10-26"
 author:
     name: Ismail Benlaredj
-    picture: "https://images.unsplash.com/photo-1633332755192-727a05c4013d?auto=format&fit=crop&q=60&w=500&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8OHx8YXZhdGFyfGVufDB8fDB8fHww"
+    picture: "https://images.unsplash.com/photo-1534009916851-7850ba974f9c?q=80&w=1374&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
 ogImage:
-    url: "https://images.unsplash.com/photo-1531545514256-b1400bc00f31?auto=format&fit=crop&q=60&w=500&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTF8fHN0dWRlbnRzfGVufDB8fDB8fHww"
+    url: "https://images.unsplash.com/photo-1534009916851-7850ba974f9c?q=80&w=1374&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
 ---
 
 In the world of education, students often find themselves in a race to acquire knowledge and skills. While individual efforts are crucial, the power of sharing and helping fellow students should not be underestimated. This cooperative approach can lead to a more supportive and successful learning environment for everyone involved.
diff --git a/src/pages/blog/_posts/post1.md b/src/pages/blog/_posts/post1.md
index 96f4d0e..34fa30b 100644
--- a/src/pages/blog/_posts/post1.md
+++ b/src/pages/blog/_posts/post1.md
@@ -1,39 +1,41 @@
 ---
-title: "The Power of Sharing: How Students Can Help Each Other Succeed"
-description: "In the world of education, students often find themselves in a race to acquire knowledge and skills. While individual efforts are crucial, the power of sharing and helping fellow students should not be underestimated. This cooperative approach can lead to a more supportive and successful learning environment for everyone involved.."
-coverImage: "https://images.unsplash.com/photo-1531545514256-b1400bc00f31?auto=format&fit=crop&q=60&w=500&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTF8fHN0dWRlbnRzfGVufDB8fDB8fHww"
-date: "2023-10-26"
+title: "Igniting Innovation Together"
+description: "Innovation thrives when ideas are shared and collaboratively refined. This Markdown file explores the dynamic impact of sharing ideas, emphasizing the role it plays in fostering creativity, problem-solving, and driving positive change within teams and communities."
+coverImage: "https://images.unsplash.com/photo-1521737604893-d14cc237f11d?q=80&w=1484&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
+date: "2023-12-05"
 author:
-    name: Ismail Benlaredj
-    picture: "https://images.unsplash.com/photo-1633332755192-727a05c4013d?auto=format&fit=crop&q=60&w=500&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8OHx8YXZhdGFyfGVufDB8fDB8fHww"
+    name: "Olivia Innovator"
+    picture: "https://images.unsplash.com/photo-1521737604893-d14cc237f11d?q=80&w=1484&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
 ogImage:
-    url: "https://images.unsplash.com/photo-1531545514256-b1400bc00f31?auto=format&fit=crop&q=60&w=500&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTF8fHN0dWRlbnRzfGVufDB8fDB8fHww"
+    url: "https://images.unsplash.com/photo-1521737604893-d14cc237f11d?q=80&w=1484&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
 ---
 
-In the world of education, students often find themselves in a race to acquire knowledge and skills. While individual efforts are crucial, the power of sharing and helping fellow students should not be underestimated. This cooperative approach can lead to a more supportive and successful learning environment for everyone involved.
+Innovation thrives when ideas are shared and collaboratively refined. This Markdown file explores the dynamic impact of sharing ideas, emphasizing the role it plays in fostering creativity, problem-solving, and driving positive change within teams and communities.
 
-**Fostering a Culture of Collaboration**
+**The Power of Collective Insight**
 
-Education is not a solitary journey; it's a collective effort where students can benefit from one another's experiences and insights. The creation of a culture of collaboration can greatly enhance the learning experience. When students actively engage with their peers, it creates an environment where knowledge flows freely, and everyone has the opportunity to learn from one another.
+When individuals come together to share their ideas, a wealth of perspectives and insights emerges. This collective insight goes beyond individual understanding and has the potential to uncover innovative solutions, identify opportunities, and address challenges that may not be apparent to a single mind.
 
-**Peer Tutoring and Mentoring**
+**Fostering a Culture of Open Communication**
 
-One of the most effective ways students can assist each other is through peer tutoring and mentoring. If a student excels in a particular subject, they can help their peers who may be struggling. This not only provides assistance to those in need but also reinforces the tutor's own understanding of the topic. It's a win-win situation that promotes academic growth.
+Creating an environment where ideas can be freely expressed is fundamental to fostering innovation. A culture of open communication encourages team members to share their thoughts without fear of judgment. This freedom to share paves the way for a rich exchange of ideas that can lead to groundbreaking innovations.
 
-**Study Groups and Knowledge Sharing**
+**Collaborative Problem-Solving**
 
-Study groups are another excellent way for students to share and learn together. By pooling their knowledge, students can cover a broader range of topics and address challenging questions collaboratively. These groups foster discussion, debate, and the exchange of ideas, resulting in a deeper understanding of the material.
+Sharing ideas is not just about generating novel concepts; it's also a powerful tool for collaborative problem-solving. By presenting challenges and brainstorming potential solutions together, teams can leverage diverse expertise to develop comprehensive and effective strategies.
 
-**Online Platforms and Resources**
+**Cross-Functional Collaboration**
 
-In today's digital age, online platforms and resources have made it easier than ever for students to share their knowledge. Discussion forums, social media groups, and educational websites provide spaces for students to ask questions, share insights, and access a wealth of information. These platforms break down the barriers of geography, connecting students from all over the world.
+Ideas often flourish when individuals from different disciplines collaborate. Cross-functional collaboration brings together diverse skill sets and perspectives, leading to the synthesis of ideas that may not have arisen within the confines of a single department. This interdisciplinary approach enhances creativity and problem-solving capabilities.
 
-**Building Soft Skills**
+**Idea Sharing Platforms**
 
-Sharing knowledge and helping others also builds essential soft skills such as communication, leadership, and teamwork. These skills are not only valuable in an academic context but are also highly sought after by employers. By engaging in collaboration, students enhance their personal and professional development.
+Utilizing dedicated idea-sharing platforms and tools can streamline the process of sharing and collaborating on ideas. Whether through project management software, virtual whiteboards, or dedicated ideation platforms, these tools provide a digital space for teams to share, refine, and build upon each other's ideas.
 
-**Conclusion**
+**Recognizing and Celebrating Contributions**
+
+Acknowledging and celebrating the contributions of team members creates a positive feedback loop. When individuals feel valued for their ideas, they are more likely to continue sharing and actively participating in the ideation process. This recognition contributes to a culture of continuous innovation.
 
-The power of sharing among students is a force that can transform the educational landscape. By fostering a culture of collaboration, engaging in peer tutoring, forming study groups, and utilizing online resources, students can collectively enhance their learning experiences. In this supportive environment, everyone has the opportunity to succeed, grow, and thrive.
+**Conclusion**
 
-So, the next time you come across a fellow student who needs assistance or have knowledge to share, remember the tremendous impact you can make by helping each other on this incredible academic journey.
+Sharing ideas is the catalyst for innovation, driving positive change within teams and communities. By fostering a culture of open communication, encouraging collaborative problem-solving, and leveraging cross-functional collaboration, we can ignite the spark of creativity that leads to groundbreaking solutions. So, the next time you find yourself in a brainstorming session or team meeting, remember the transformative power of sharing ideas in driving innovation forward.
diff --git a/src/pages/blog/_posts/post2.md b/src/pages/blog/_posts/post2.md
new file mode 100644
index 0000000..98bea05
--- /dev/null
+++ b/src/pages/blog/_posts/post2.md
@@ -0,0 +1,41 @@
+---
+title: "Nurturing a Creative Community"
+description: "Creativity flourishes when individuals come together to share their ideas, inspirations, and skills. This Markdown file explores the profound impact of sharing within a creative community, emphasizing the importance of collaboration, mutual support, and the collective growth of artistic endeavors."
+coverImage: "https://images.unsplash.com/photo-1527525443983-6e60c75fff46?q=80&w=1370&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
+date: "2023-11-27"
+author:
+    name: "Alexandra Creative"
+    picture: "https://images.unsplash.com/photo-1527525443983-6e60c75fff46?q=80&w=1370&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
+ogImage:
+    url: "https://images.unsplash.com/photo-1527525443983-6e60c75fff46?q=80&w=1370&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
+---
+
+Creativity flourishes when individuals come together to share their ideas, inspirations, and skills. This Markdown file explores the profound impact of sharing within a creative community, emphasizing the importance of collaboration, mutual support, and the collective growth of artistic endeavors.
+
+**Building a Creative Ecosystem**
+
+Creativity knows no bounds when nurtured in a supportive community. By sharing experiences, techniques, and challenges, artists create an ecosystem where each contribution adds to the richness of the collective creative tapestry. Collaboration becomes a catalyst for innovation and new perspectives.
+
+**Inspiration through Shared Stories**
+
+Every artist has a unique journey, and sharing these stories can inspire and motivate others. Whether triumphs or setbacks, shared experiences create a sense of camaraderie and remind the community that they are not alone in their creative pursuits. This shared narrative fosters resilience and a shared sense of purpose.
+
+**Workshops and Skill Exchanges**
+
+Hosting workshops and skill exchanges allows artists to share their expertise with others. Whether it's a masterclass on a specific technique or a collaborative project, these events create opportunities for skill development and the exchange of valuable insights. It's a platform for both beginners and seasoned artists to learn from one another.
+
+**Open Studios and Exhibitions**
+
+Organizing open studios and exhibitions provides a space for artists to showcase their work to a broader audience. It not only offers exposure but also invites constructive feedback and collaboration. The collective energy generated during these events contributes to a thriving and interconnected creative community.
+
+**Digital Platforms and Online Communities**
+
+In the digital age, online platforms and communities play a crucial role in connecting artists worldwide. Social media, forums, and collaborative projects on platforms like GitHub or Behance enable artists to share their work, engage in discussions, and form connections with like-minded individuals globally.
+
+**Celebrating Diversity in Expression**
+
+A vibrant creative community embraces diversity in artistic expression. By sharing a multitude of styles, mediums, and cultural influences, artists contribute to a rich tapestry of creativity. This diversity not only enhances individual growth but also elevates the entire community.
+
+**Conclusion**
+
+The art of sharing within a creative community is a powerful force that propels individual artists and the collective forward. By fostering a culture of collaboration, sharing experiences, and celebrating diversity, artists contribute to a dynamic and thriving creative ecosystem. So, the next time you engage with your creative community, remember the transformative impact of sharing in nurturing a space where art can flourish.