|
|
|
@@ -4,13 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
import ReactLenis from "lenis/react";
|
|
|
|
import ReactLenis from "lenis/react";
|
|
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
|
|
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
|
|
|
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
|
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
|
|
|
|
|
|
import { ArrowRight, BarChart, Code, Database, Feather, Github, Laptop, Palette, Search, Zap } from "lucide-react";
|
|
|
|
import { ArrowRight, BarChart, Code, Database, Feather, Github, Laptop, Palette, Search, Zap } from "lucide-react";
|
|
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
export default function LandingPage() {
|
|
|
|
@@ -41,8 +40,6 @@ export default function LandingPage() {
|
|
|
|
name: "Projects", id: "#projects"},
|
|
|
|
name: "Projects", id: "#projects"},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
name: "Services", id: "#services"},
|
|
|
|
name: "Services", id: "#services"},
|
|
|
|
{
|
|
|
|
|
|
|
|
name: "Testimonials", id: "#testimonials"},
|
|
|
|
|
|
|
|
{
|
|
|
|
{
|
|
|
|
name: "Contact", id: "#contact"},
|
|
|
|
name: "Contact", id: "#contact"},
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
@@ -98,8 +95,8 @@ export default function LandingPage() {
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: "Continuous Learner", description: "Always exploring new technologies and best practices to stay ahead in the rapidly evolving tech landscape."},
|
|
|
|
title: "Continuous Learner", description: "Always exploring new technologies and best practices to stay ahead in the rapidly evolving tech landscape."},
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/contemplating-young-caucasian-man-holding-dairy-thinking_23-2148187202.jpg"
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/portrait-young-businesswoman_23-2151121008.jpg"
|
|
|
|
imageAlt="Pavani professional portrait"
|
|
|
|
imageAlt="Professional portrait of a young businesswoman"
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@@ -154,17 +151,13 @@ export default function LandingPage() {
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
products={[
|
|
|
|
products={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "p1", name: "FashionAura E-commerce Website", price: "Live Demo", variant: "React, Next.js, Stripe, Tailwind CSS", imageSrc: "http://img.b2bpic.net/free-photo/black-white-portrait-digital-nomads_23-2151254065.jpg", imageAlt: "FashionAura E-commerce Website"},
|
|
|
|
id: "p1", name: "FashionAura E-commerce Website", price: "https://womens-style.netlify.app/", variant: "React, Next.js, Stripe, Tailwind CSS", imageSrc: "http://img.b2bpic.net/free-photo/black-white-portrait-digital-nomads_23-2151254065.jpg", imageAlt: "FashionAura E-commerce Website"},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "p2", name: "Luxury Fashion Landing Page", price: "Live Demo", variant: "HTML, CSS, JavaScript, GSAP", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-clothes-bed-fast-fashion-concept_23-2149726122.jpg", imageAlt: "Luxury Fashion Landing Page"},
|
|
|
|
id: "p3", name: "Restaurant Website", price: "https://fastfood-app-six.vercel.app/", variant: "React, Node.js, Express, MongoDB", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-enjoying-virtual-date_23-2149328154.jpg", imageAlt: "Restaurant Website"},
|
|
|
|
{
|
|
|
|
|
|
|
|
id: "p3", name: "Restaurant Website", price: "Live Demo", variant: "React, Node.js, Express, MongoDB", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-enjoying-virtual-date_23-2149328154.jpg", imageAlt: "Restaurant Website"},
|
|
|
|
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "p4", name: "Personal Portfolio Website", price: "Live Demo", variant: "Next.js, Tailwind CSS, Framer Motion", imageSrc: "http://img.b2bpic.net/free-photo/top-view-stationery-concept_23-2147800640.jpg", imageAlt: "Personal Portfolio Website"},
|
|
|
|
id: "p4", name: "Personal Portfolio Website", price: "Live Demo", variant: "Next.js, Tailwind CSS, Framer Motion", imageSrc: "http://img.b2bpic.net/free-photo/top-view-stationery-concept_23-2147800640.jpg", imageAlt: "Personal Portfolio Website"},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "p5", name: "Business Landing Page", price: "Live Demo", variant: "Webflow, Custom CSS", imageSrc: "http://img.b2bpic.net/free-photo/empty-luxurious-corporate-high-end-office-designed-ceo-leader_482257-101437.jpg", imageAlt: "Business Landing Page"},
|
|
|
|
id: "p7", name: "Cafe Website", price: "https://cafe-pro-ebon.vercel.app/", variant: "React, CSS Modules, Express", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-cup-coffee-table_23-2148281358.jpg", imageAlt: "Cafe Website"}
|
|
|
|
{
|
|
|
|
|
|
|
|
id: "p6", name: "Financial Data Dashboard", price: "Live Demo", variant: "Python, Pandas, Matplotlib, Dash", imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg", imageAlt: "Financial Data Dashboard"},
|
|
|
|
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
title="My Portfolio Projects"
|
|
|
|
title="My Portfolio Projects"
|
|
|
|
description="A showcase of my recent work, demonstrating my skills in web development and data science. Each project highlights my approach to design, development, and problem-solving."
|
|
|
|
description="A showcase of my recent work, demonstrating my skills in web development and data science. Each project highlights my approach to design, development, and problem-solving."
|
|
|
|
@@ -183,27 +176,6 @@ export default function LandingPage() {
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
|
|
|
<TestimonialCardTwo
|
|
|
|
|
|
|
|
animationType="depth-3d"
|
|
|
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
|
|
|
testimonials={[
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
id: "t1", name: "Sarah Chen", role: "Startup Founder", testimonial: "Pavani built an incredible landing page for my startup. Her attention to detail and design flair transformed our vision into a stunning, high-converting reality. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-pretty-mulatto-woman-with-trendy-make-up-standing-with-arms-crossed-office-indoor-photo-female-black-employee-posing-with-international-colleagues-gently-smile_197531-3788.jpg", imageAlt: "Sarah Chen"},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
id: "t2", name: "Michael Davis", role: "Small Business Owner", testimonial: "The website redesign Pavani did for my restaurant was outstanding. It's now modern, easy to navigate, and has significantly improved our online presence. A true professional!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-tablet-pc_1262-1044.jpg", imageAlt: "Michael Davis"},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
id: "t3", name: "Emily Rodriguez", role: "Marketing Director", testimonial: "Working with Pavani on our e-commerce platform was a game-changer. She delivered a robust and beautiful site that exceeded our expectations, all within budget and on time.", imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", imageAlt: "Emily Rodriguez"},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
id: "t4", name: "David Kim", role: "Tech Lead", testimonial: "Pavani's data science insights were invaluable for our project. Her ability to analyze complex data and present clear findings helped us make crucial business decisions.", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "David Kim"},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
id: "t5", name: "Jessica Lee", role: "Project Manager", testimonial: "Her frontend development skills are top-notch. Pavani is reliable, responsive, and creates beautiful, functional interfaces. A pleasure to collaborate with!", imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg", imageAlt: "Jessica Lee"},
|
|
|
|
|
|
|
|
]}
|
|
|
|
|
|
|
|
title="Client Testimonials"
|
|
|
|
|
|
|
|
description="Hear what my clients have to say about working with me. I'm committed to delivering excellent results and building strong, collaborative relationships."
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
<ContactCTA
|
|
|
|
<ContactCTA
|
|
|
|
@@ -215,22 +187,40 @@ export default function LandingPage() {
|
|
|
|
description="Whether you have a project in mind, a data challenge to solve, or just want to connect, I'd love to hear from you. Reach out through the form below or connect with me on my social platforms."
|
|
|
|
description="Whether you have a project in mind, a data challenge to solve, or just want to connect, I'd love to hear from you. Reach out through the form below or connect with me on my social platforms."
|
|
|
|
buttons={[
|
|
|
|
buttons={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
text: "Send an Email", href: "mailto:pavani@example.com"},
|
|
|
|
text: "Send an Email", href: "mailto:ppavani99286@gmail.com"},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
text: "Connect on LinkedIn", href: "https://www.linkedin.com/in/pavani"},
|
|
|
|
text: "Connect on LinkedIn", href: "https://www.linkedin.com/in/pirangi-pavani-5662ba386"},
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
<FooterLogoReveal
|
|
|
|
<FooterBaseReveal
|
|
|
|
logoSrc="http://img.b2bpic.net/free-vector/collection-logos-branding-vector_53876-66298.jpg"
|
|
|
|
logoSrc="http://img.b2bpic.net/free-vector/collection-logos-branding-vector_53876-66298.jpg"
|
|
|
|
logoAlt="Pavani Portfolio Logo"
|
|
|
|
logoAlt="Pavani Portfolio Logo"
|
|
|
|
logoText="Pavani Portfolio"
|
|
|
|
logoText="Pavani Portfolio"
|
|
|
|
leftLink={{
|
|
|
|
columns={[
|
|
|
|
text: "© 2024 Pavani. All rights reserved.", href: "#"}}
|
|
|
|
{
|
|
|
|
rightLink={{
|
|
|
|
title: "Quick Links", items: [
|
|
|
|
text: "Privacy Policy", href: "#"}}
|
|
|
|
{ label: "Home", href: "#home" },
|
|
|
|
|
|
|
|
{ label: "About", href: "#about" },
|
|
|
|
|
|
|
|
{ label: "Projects", href: "#projects" },
|
|
|
|
|
|
|
|
{ label: "Contact", href: "#contact" },
|
|
|
|
|
|
|
|
],
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
title: "Social Media", items: [
|
|
|
|
|
|
|
|
{ label: "LinkedIn", href: "https://www.linkedin.com/in/pirangi-pavani-5662ba386" },
|
|
|
|
|
|
|
|
{ label: "GitHub", href: "https://github.com/pavani" },
|
|
|
|
|
|
|
|
],
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
title: "Legal", items: [
|
|
|
|
|
|
|
|
{ label: "Privacy Policy", href: "#" },
|
|
|
|
|
|
|
|
],
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
]}
|
|
|
|
|
|
|
|
copyrightText="© 2024 Pavani. All rights reserved."
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</ReactLenis>
|
|
|
|
</ReactLenis>
|
|
|
|
|