From bdeb76f80264aefedc50b7aa7091acde0387f213 Mon Sep 17 00:00:00 2001 From: Neeraj Rekwar <88387699+neerajrekwar@users.noreply.github.com> Date: Fri, 6 Sep 2024 07:24:18 +0000 Subject: [PATCH] Final Complete --- app/components/BackgroundAurra.tsx | 291 +++++++++++++------------- app/components/StickyRelativeDemo.tsx | 124 ++++++++++- app/components/TextFlipper.tsx | 46 ++-- app/components/VisionSection.tsx | 19 +- app/components/heroSection.tsx | 46 ++-- app/components/typeWriter.tsx | 4 +- 6 files changed, 314 insertions(+), 216 deletions(-) diff --git a/app/components/BackgroundAurra.tsx b/app/components/BackgroundAurra.tsx index f1ed32e3e..6bad19674 100644 --- a/app/components/BackgroundAurra.tsx +++ b/app/components/BackgroundAurra.tsx @@ -10,173 +10,168 @@ import { IconBrandYoutubeFilled } from "@tabler/icons-react"; export function AuroraBackgroundDemo() { return ( - <> - - -
- - - Digital marketing for expert - - - + + +
+ + Neeraj Rekwar - + Digital marketing for expert + + -

- • -

-

- Available for freelance work -

+ className="font-semibold text-secondary" + > + + Neeraj Rekwar + + +

+ • +

+

+ Available for freelance work +

+ - - - Build the right to way
-
- with{" "} - 
-                
-
-
- - - - We offer reliable, scalable, and customizable web solutions to optimize your online presence. - - - - - - get started - - - +
+ with{" "} + 
+                  
+
+
+ + + - - - Explore{" "} - - - - -
+ className="mx-auto my-2 text-four text-base sm:text-lg " + > - - - + + + + get started + + + + + + Explore{" "} + + + +
+ + ); } diff --git a/app/components/StickyRelativeDemo.tsx b/app/components/StickyRelativeDemo.tsx index ca1958b56..e900a3eb6 100644 --- a/app/components/StickyRelativeDemo.tsx +++ b/app/components/StickyRelativeDemo.tsx @@ -14,9 +14,7 @@ const StickyRelativeDemo: NextPage = () => { return (
-
- • -
+
•
Recent projects
@@ -30,12 +28,13 @@ const StickyRelativeDemo: NextPage = () => {

- Craft & Code: Building the Future, One Line at a Time + Well Is - BMI it, check your underweight

Lorem ipsum dolor sit amet consectetur adipisicing elit. - Repudiandae quo natus accusantium eius molestiae expedita
+ Repudiandae quo natus accusantium eius molestiae expedita{" "} +
possimus accusamus, aspernatur, quia quae asperiores inventore. Quod, officia vel aliquam exercitationem est inventore porro? @@ -59,7 +58,115 @@ const StickyRelativeDemo: NextPage = () => {

  • Visit Site
  • - + + + + + + + +
    • + +
    +
    +
    +
    +
    +
    + Showcase +
    +
    + {"My + {"My + {"My +
    +
    +
    +
    +
    +
    +
    +
    + 2024 +
    +
    +
    +
    +

    + Well Is - Secure Password Generator +

    +
    +

    + 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
      • +
    • + + @@ -101,14 +208,9 @@ const StickyRelativeDemo: NextPage = () => { loading="lazy" className="min-w-full min-h-full rounded-2xl " /> - -
    - - -
    ); }; diff --git a/app/components/TextFlipper.tsx b/app/components/TextFlipper.tsx index f15c0f2c3..172c6d954 100644 --- a/app/components/TextFlipper.tsx +++ b/app/components/TextFlipper.tsx @@ -1,15 +1,21 @@ // components/TextFlipper.tsx -"use client" -import React, { useState, useEffect } from 'react'; -import { motion } from 'framer-motion'; -import { Caveat } from "next/font/google" - +"use client"; +import React, { useState, useEffect } from "react"; +import { motion } from "framer-motion"; +import { Caveat } from "next/font/google"; const caveat = Caveat({ - weight: '400', - subsets: ['latin'], + weight: "400", + subsets: ["latin"], }); -const words = ['Programming', 'Creative', 'Awesome', 'Artistic', 'Photography', 'Designer', 'Enthusiast']; +const words = [ + "Entrepreneur", + "Creator", + "Developer", + "Programmer", + "Designer", + "Enthusiast", +]; const TextFlipper: React.FC = () => { const [index, setIndex] = useState(0); @@ -21,31 +27,27 @@ const TextFlipper: React.FC = () => { }, []); return ( -
    -
    - - +
    + + {words[index]} - -
    +     +
    - ); }; diff --git a/app/components/VisionSection.tsx b/app/components/VisionSection.tsx index 28995fd9b..541544bc2 100644 --- a/app/components/VisionSection.tsx +++ b/app/components/VisionSection.tsx @@ -78,7 +78,7 @@ export const VisionSection: React.FC = () => {

    - Ours technology to use improving web appearance. + My learnt tech to use improving web appearance.

    @@ -143,9 +143,8 @@ export const VisionSection: React.FC = () => {

    - Lorem ipsum dolor sit amet consectetur adipisicing elit. - Voluptatibus corporis tempora commodi minima blanditiis - ipsum esse ab nobis repellat repudiandae. + Avoids redundant code, reducing development time and + effort.

    @@ -220,8 +219,8 @@ export const VisionSection: React.FC = () => {

    - Lorem, ipsum dolor sit amet consectetur adipisicing elit. - Ex qui quisquam velit? + Would you like to learn more about a specific framework or + discuss your project's requirements?

    @@ -313,8 +312,8 @@ export const VisionSection: React.FC = () => { How to evolved a screen that effectiveness in browsing

    - Lorem ipsum dolor sit amet consectetur, adipisicing elit. - Expedita eos ex atque tempore? Repellendus vitae nihil esse + Maintain a consistent layout throughout the screen to create a + familiar and intuitive experience.

    @@ -654,9 +653,7 @@ export const VisionSection: React.FC = () => {
    Preventing Bugs

    - Lorem ipsum dolor sit amet consectetur adipisicing elit. - Debitis facere quos maiores sed quae nobis similique cum - accusamus, omnis error. + Test the application from the end-user's perspective.

    diff --git a/app/components/heroSection.tsx b/app/components/heroSection.tsx index 92972d3aa..6953b824d 100644 --- a/app/components/heroSection.tsx +++ b/app/components/heroSection.tsx @@ -356,8 +356,9 @@ export function HeroSection() {

    - Lorem ipsum dolor sit amet consectetur adipisicing elit. - Accusamus error alias unde optio deleniti. + SEO is the practice of optimizing a website to improve + its visibility and ranking in search engine results + pages (SERPs) like Google, bing, DuckDuckGo, yahoo!{" "}

    @@ -370,12 +371,12 @@ export function HeroSection() { >

    - Socail Media + Socail Media Optimization

    - Lorem ipsum dolor sit amet consectetur adipisicing elit. - Accusamus error alias unde optio deleniti. Deserunt - vero, ad a. + Define clear objectives for your social media presence, + such as increasing brand awareness, generating leads, or + driving sales.

    @@ -392,9 +393,8 @@ export function HeroSection() { How to Grow Online

    - Lorem ipsum dolor sit amet consectetur adipisicing elit. - Accusamus error alias unde optio deleniti. Deserunt - vero, ad a. + Understand your ideal customer's needs, + preferences, and online behavior.

    @@ -410,9 +410,10 @@ export function HeroSection() { Localization

    - Lorem ipsum dolor sit amet consectetur adipisicing elit. - Accusamus error alias unde optio deleniti. Deserunt - vero, ad a. + Creating and optimizing your Google My Business profile + to provide accurate and up-to-date information about + your business, including location, hours of operation, + and contact details.

    @@ -428,9 +429,11 @@ export function HeroSection() { Google Analytics

    - Lorem ipsum dolor sit amet consectetur adipisicing elit. - Accusamus error alias unde optio deleniti. Deserunt - vero, ad a. + Web analytics service provides insights into website + traffic, user behavior, and marketing performance. It + helps businesses understand their audience, measure + online marketing effectiveness, and make data-driven + decisions.

    @@ -443,12 +446,11 @@ export function HeroSection() { >

    - Ads Word + Google Ads

    - Lorem ipsum dolor sit amet consectetur adipisicing elit. - Accusamus error alias unde optio deleniti. Deserunt - vero, ad a. + It provides a powerful tool for reaching potential + customers and driving traffic to your website.

    @@ -464,9 +466,9 @@ export function HeroSection() { Email Marketing

    - Lorem ipsum dolor sit amet consectetur adipisicing elit. - Accusamus error alias unde optio deleniti. Deserunt - vero, ad a. + Boost your sales, build customer loyalty, and increase + brand awareness with effective email marketing + strategies.

    diff --git a/app/components/typeWriter.tsx b/app/components/typeWriter.tsx index 89c2d0023..05c8bc91f 100644 --- a/app/components/typeWriter.tsx +++ b/app/components/typeWriter.tsx @@ -16,7 +16,7 @@ export function TypewriterEffectSmoothDemo() { text: "with", }, { - text: "neeraj rekwar.", + text: "Neeraj Rekwar", className: "text-four", }, ]; @@ -24,7 +24,7 @@ export function TypewriterEffectSmoothDemo() {

    - The road to make unique from here + Expert Programmers, Innovative Designs.