https://ashna-ghazanfar.vercel.app/_next/static/chunks/app/page-0eec3e44fa25bff7.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8974],{96575:(e,t,a)=>{Promise.resolve().then(a.bind(a,38579)),Promise.resolve().then(a.bind(a,5460)),Promise.resolve().then(a.bind(a,48554)),Promise.resolve().then(a.bind(a,20846)),Promise.resolve().then(a.bind(a,66496)),Promise.resolve().then(a.t.bind(a,48173,23)),Promise.resolve().then(a.t.bind(a,87970,23))},38579:(e,t,a)=>{"use strict";a.d(t,{default:()=>c});var s=a(95155);a(12115);var i=a(78888),l=a(11536),n=a(79967),r=a(95083);let o=e=>{let{skill:t,index:a}=e,{ref:l,inView:n}=(0,r.Wx)({triggerOnce:!0,threshold:.2});return(0,s.jsxs)(i.P.div,{ref:l,initial:{opacity:0,x:-30},animate:n?{opacity:1,x:0}:{},transition:{duration:.8,delay:.1*a},className:"space-y-2",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between",children:[(0,s.jsxs)("div",{className:"flex items-center space-x-3",children:[(0,s.jsx)("span",{className:"text-2xl text-yellow-400",children:t.icon}),(0,s.jsx)("span",{className:"text-lg font-medium text-gray-300",children:t.name})]}),(0,s.jsxs)("span",{className:"text-gray-400 font-medium",children:[t.percentage,"%"]})]}),(0,s.jsx)("div",{className:"h-2.5 bg-gray-800 rounded-full overflow-hidden",children:(0,s.jsx)(i.P.div,{initial:{width:0},animate:n?{width:"".concat(t.percentage,"%")}:{},transition:{duration:1.5,delay:.1*a},className:"h-full ".concat(t.color," rounded-full")})})]},a)},c=()=>{let e=[{name:"HTML & CSS",icon:(0,s.jsx)(l.Sc0,{}),percentage:85,color:"bg-orange-500"},{name:"Next.js",icon:(0,s.jsx)(n.wlC,{}),percentage:75,color:"bg-gray-200"},{name:"TypeScript",icon:(0,s.jsx)(n.cyb,{}),percentage:70,color:"bg-blue-600"},{name:"Figma to Next.js",icon:(0,s.jsx)(l.kNw,{}),percentage:91,color:"bg-purple-500"},{name:"Python",icon:(0,s.jsx)(l.ivP,{}),percentage:30,color:"bg-green-500"},{name:"Sanity",icon:(0,s.jsx)(n.HwI,{}),percentage:90,color:"bg-red-500"}];return(0,s.jsx)("div",{className:"bg-black py-20",id:"about",children:(0,s.jsx)("div",{className:"container mx-auto px-4 lg:px-8",children:(0,s.jsxs)(i.P.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},transition:{duration:.6},viewport:{once:!0,amount:.2},className:"flex flex-col lg:flex-row gap-12 xl:gap-24",children:[(0,s.jsxs)("div",{className:"flex-1",children:[(0,s.jsx)(i.P.h2,{initial:{opacity:0,x:-20},whileInView:{opacity:1,x:0},transition:{delay:.2},viewport:{once:!0},className:"text-5xl font-bold text-yellow-400 uppercase mb-6",children:"Meet Ashna"}),(0,s.jsx)(i.P.h4,{initial:{opacity:0}

1,whileInView:{opacity:1},transition:{delay:.4},viewport:{once:!0},className:"text-2xl font-medium text-gray-300 mb-8",children:"Frontend Developer & UI Specialist"}),(0,s.jsx)(i.P.p,{initial:{opacity:0},whileInView:{opacity:1},transition:{delay:.6},viewport:{once:!0},className:"text-lg text-gray-400 leading-relaxed",children:"I specialize in creating high-performance web applications with Next.js, TypeScript, and Tailwind CSS. Passionate about UI/UX, I transform Figma designs into responsive, SEO-optimized websites with smooth animations and seamless user experience."})]}),(0,s.jsx)("div",{className:"flex-1 space-y-10",children:e.map((e,t)=>(0,s.jsx)(o,{skill:e,index:t},t))})]})})})}},5460:(e,t,a)=>{"use strict";a.d(t,{default:()=>m});var s=a(95155),i=a(12115),l=a(78897),n=a.n(l),r=a(92888),o=a(11536),c=a(48173),d=a.n(c);let m=()=>{let[e,t]=(0,i.useState)({name:"",email:"",message:""});return(0,s.jsx)("div",{className:"bg-black py-16 md:py-20",id:"contact",children:(0,s.jsxs)("div",{className:"container mx-auto px-4 sm:px-8 lg:px-16",children:[(0,s.jsx)("h2",{className:"text-4xl sm:text-5xl lg:text-6xl font-bold uppercase text-yellow-400 neon-glow text-center",children:"Get In Touch"}),(0,s.jsx)("p",{className:"mt-4 text-lg text-gray-300 text-center",children:"Let us create something amazing together"}),(0,s.jsxs)("form",{action:"https://formsubmit.co/[email protected]",method:"POST",className:"max-w-2xl mx-auto mt-12 space-y-8",onSubmit:()=>{n().fire({title:"Success!",text:"Your message has been sent.",icon:"success",confirmButtonColor:"#facc15",background:"#000",color:"#facc15",backdrop:"rgba(0,0,0,0.8)"}),t({name:"",email:"",message:""})},children:[(0,s.jsx)("input",{type:"hidden",name:"_captcha",value:"false"}),(0,s.jsx)("input",{type:"hidden",name:"_template",value:"box"}),(0,s.jsxs)("div",{className:"space-y-6",children:[(0,s.jsxs)("div",{className:"relative group",children:[(0,s.jsx)(r.JXP,{className:"absolute left-4 top-1/2 -translate-y-1/2 text-yellow-400 w-6 h-6"}),(0,s.jsx)("input",{type:"text",name:"name",placeholder:"Your Name",className:"w-full pl-14 pr-4 py-4 bg-gray-900 border-2 border-gray-700 rounded-lg text-white focus:border-yellow-400 focus:outline-none transition-all",value:e.name,onChange:a=>t({...e,name:a.target.value}),required:!0})]}),(0,s.jsxs)("div",{className:"relative group",children:[(0,s.jsx)(r.pHD,{className:"absolute left-4 top-1/2 -translate-y-1/2 text-yellow-400 w-6 h-6"}),(0,s.jsx)("input",{type:"email",name:"email",placeholder:"Your Email",className:"w-full pl-14 pr-4 py-4 bg-gray-900 border-2 border-gray-700 rounded-lg text-white focus:border-yellow-400 focus:outline-none transition-all",value:e.email,onChange:a=>t({...e,email:a.target.value}),required:!0})]}),(0,s.jsxs)("div",{className:"relative group",children:[(0,s.jsx)(r.mEP,{className:"absolute left-4 top-6 text-yellow-400 w-6 h-6"}),(0,s.jsx)("textarea",{name:"message",placeholder:"Your Message",rows:5,className:"w-full pl-14 pr-4 py-4 bg-gray-900 border-2 border-gray-700 rounded-lg text-white focus:border-yellow-400 focus:outline-none transition-all resize-none",value:e.message,onChange:a=>t({...e,message:a.target.value}),required:!0})]}),(0,s.jsx)("button",{type:"submit",className:"w-full py-4 bg-yellow-400 text-black font-bold rounded-lg hover:bg-yellow-300 transition-colors",children:"Send Message"})]})]}),(0,s.jsxs)("div",{className:"flex justify-center gap-8 mt-16",children:[(0,s.jsx)(d(),{href:"https://www.linkedin.com/in/ashna-ghazanfar-b268522b4/",target:"_blank",rel:"noopener noreferrer",className:"p-4 rounded-full text-yellow-400 hover:bg-yellow-400/10 transition-all",children:(0,s.jsx)(o.QEs,{className:"w-8 h-8"})}),(0,s.jsx)(d(),{href:"https://www.instagram.com/s_ashnaali/",target:"_blank",rel:"noopener noreferrer",className:"p-4 rounded-full text-yellow-400 hover:bg-yellow-400/10 transition-all",children:(0,s.jsx)(o.ao$,{className:"w-8 h-8"})}),(0,s.jsx)(d(),{href:"https://github.com/syedaashnaghazanfar",target:"_blank",rel:"noopener noreferrer",className:"p-4 rounded-full text-yellow-400 hover:bg-yellow-400/10 transition-all",children:(0,s.jsx)(o.hL4,{className:"w-8 h-8"})})]})]})})}},48554:(e,t,a)=>{"use strict";a.d(t,{default:()=>n});var s=a(95155),i=a(12115),l=a(92888);let n=function(){let[e,t]=(0,i.useState)(!1),a=[{name:"Home",icon:(0,s.jsx)(l.V5Y,{className:"w-5 h-5"}),link:"#home"},{name:"About",icon:(0,s.jsx)(l.JXP,{className:"w-5 h-5"}),link:"#about"},{name:"Services",icon:(0,s.jsx)(l.VSk,{className:"w-5 h-5"}),link:"#services"},{name:"Portfolio",icon:(0,s.jsx)(l.qYx,{className:"w-5 h-5"}),link:"#portfolio"},{name:"Statistics",icon:(0,s.jsx)(l.hht,{className:"w-5 h-5"}),link:"#statistics"},{name:"Contact",icon:(0,s.jsx)(l.pHD,{className:"w-5 h-5"}),link:"#contact"}];return(0,s.jsx)("nav",{className:"bg-black fixed top-0 left-0 w-full z-50",children:(0,s.jsxs)("div",{className:"container mx-auto flex justify-between items-center py-4 px-4 sm:px-6",children:[(0,s.jsx)("a",{href:"#home",className:"flex items-center text-white font-header text-xl md:text-2xl uppercase whitespace-nowrap ml-2 md:ml-6 hover:text-yellow-400 transition-colors",children:(0,s.jsx)("span",{children:"Ashna Ghazanfar"})}),(0,s.jsx)("div",{className:"hidden lg:flex flex-1 justify-end",children:(0,s.jsx)("ul",{className:"flex items-center space-x-4 xl:space-x-6",children:a.map(e=>(0,s.jsxs)("li",{className:"group relative",children:[(0,s.jsxs)("a",{href:e.link,className:"flex items-center font-header font-semibold uppercase text-white text-sm xl:text-base px-2 py-1 hover:text-yellow-400 transition-colors duration-300",children:[e.icon,(0,s.jsx)("span",{className:"ml-2",children:e.name})]}),(0,s.jsx)("span",{className:"absolute bottom-0 left-0 h-0.5 w-full bg-transparent group-hover:bg-yellow-400 transition-all duration-300"})]},e.name))})}),(0,s.jsx)("button",{onClick:()=>t(!e),className:"lg:hidden text-white p-2 focus:outline-none","aria-label":"Toggle menu",children:e?(0,s.jsx)(l.yGN,{className:"w-6 h-6"}):(0,s.jsx)(l.ND1,{className:"w-6 h-6"})}),(0,s.jsx)("div",{className:"lg:hidden fixed inset-0 bg-black/50 backdrop-blur-sm transition-opacity duration-300 ".concat(e?"opacity-100 visible":"opacity-0 invisible"),children:(0,s.jsx)("div",{className:"absolute top-0 right-0 w-64 h-full bg-black/95 transform transition-transform duration-300 ease-in-out shadow-xl ".concat(e?"translate-x-0":"translate-x-full"),children:(0,s.jsxs)("div",{className:"flex flex-col h-full p-4",children:[(0,s.jsx)("button",{onClick:()=>t(!1),className:"self-end text-white p-2 mb-4",children:(0,s.jsx)(l.yGN,{className:"w-6 h-6"})}),(0,s.jsx)("ul",{className:"space-y-2",children:a.map(e=>(0,s.jsx)("li",{children:(0,s.jsxs)("a",{href:e.link,onClick:()=>t(!1),className:"flex items-center justify-between text-white hover:text-yellow-400 px-4 py-3 transition-colors duration-300",children:[(0,s.jsxs)("div",{className:"flex items-center",children:[e.icon,(0,s.jsx)("span",{className:"ml-3 text-base font-medium",children:e.name})]}),(0,s.jsx)(l.fOo,{className:"w-5 h-5"})]})},e.name))})]})})})]})})}},20846:(e,t,a)=>{"use strict";a.d(t,{default:()=>c});var s=a(95155),i=a(78888),l=a(5565),n=a(48173),r=a.n(n),o=a(92888);let c=()=>{let e=[{img:"/assets/img/dua.png",title:"Dua's Diary",desc:"A beautifully designed diary for daily prayers and reflections.",link:"https://duas-diary.vercel.app/",icon:(0,s.jsx)(o.H9b,{className:"w-8 h-8"})},{img:"/assets/img/coffee.png",title:"Coffee Shop",desc:"An elegant coffee shop website featuring an intuitive UI.",link:"https://syeda-coffee-website.vercel.app/",icon:(0,s.jsx)(o.YBA,{className:"w-8 h-8"})},{img:"/assets/img/shopEasy.png",title:"Ecommerce Platform",desc:"User-friendly e-commerce platform with modern design and Sanity.",link:"https://milestone-3-ecommerce-three.vercel.app/",icon:(0,s.jsx)(o.y52,{className:"w-8 h-8"})},{img:"/assets/img/shop.png",title:"ShopCo",desc:"E-commerce platform designed for seamless shopping.",link:"https://syeda-shop-co.vercel.app/",icon:(0,s.jsx)(o.X3y,{className:"w-8 h-8"})},{img:"/assets/img/gemini-unit-converter.png",title:"Gemini Unit Converter",desc:"Unit Converter using Python, Gemini API & Streamlit.",link:"https://ashna-unit-converter.streamlit.app/",icon:(0,s.jsx)(o.Ypr,{className:"w-8 h-8"})},{img:"/assets/img/portfolio.png",title:"Portfolio Website",desc:"Fully responsive portfolio made using Next.js.",link:"https://syeda-ashna-portfolio-tailwind.vercel.app/",icon:(0,s.jsx)(o.JXP,{className:"w-8 h-8"})},{img:"/assets/img/bandageweb.png",title:"E-Commerce Platform",desc:"Full stack project with Sanity, Tailwind, Stripe & Clerk.",link:"https://bandage-app-nine.vercel.app/",icon:(0,s.jsx)(o.TPq,{className:"w-8 h-8"}),best:!0}],t={hidden:{y:50,opacity:0}

1,visible:{y:0,opacity:1,transition:{type:"spring",stiffness:100}}};return(0,s.jsx)("div",{className:"bg-black py-16 md:py-20",id:"portfolio",children:(0,s.jsxs)("div",{className:"container mx-auto px-4 sm:px-8 lg:px-16",children:[(0,s.jsxs)(i.P.div,{initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},transition:{duration:.8},className:"text-center mb-16",children:[(0,s.jsx)("h2",{className:"font-header text-4xl font-semibold uppercase text-yellow-400 sm:text-5xl lg:text-6xl neon-glow",children:"My Creative Portfolio"}),(0,s.jsx)(i.P.h3,{initial:{opacity:0},whileInView:{opacity:1},transition:{delay:.3},className:"pt-6 font-header text-xl font-medium text-gray-300 sm:text-2xl lg:text-3xl",children:"Journey Through Digital Excellence"})]}),(0,s.jsx)(i.P.div,{variants:{hidden:{opacity:0},visible:{opacity:1,transition:{staggerChildren:.2,delayChildren:.3}}},initial:"hidden",whileInView:"visible",viewport:{once:!0,amount:.2},className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8",children:e.map((e,a)=>(0,s.jsxs)(i.P.div,{variants:t,whileHover:"hover",className:"relative group overflow-hidden rounded-xl p-6 bg-gray-900/50 backdrop-blur-sm border border-yellow-400/20\n              }",children:[(0,s.jsxs)("div",{className:"relative overflow-hidden rounded-lg",children:[(0,s.jsx)(l.default,{src:e.img,alt:e.title,width:600,height:400,className:"w-full h-64 object-cover transform transition-transform duration-500 group-hover:scale-110"}),(0,s.jsx)("div",{className:"absolute inset-0 bg-gradient-to-t from-black/80 via-transparent to-transparent"})]}),(0,s.jsxs)("div",{className:"mt-6 flex items-start space-x-4",children:[(0,s.jsx)("div",{className:"text-yellow-400 bg-yellow-400/10 p-3 rounded-full",children:e.icon}),(0,s.jsxs)("div",{children:[(0,s.jsx)("h3",{className:"text-xl font-bold text-yellow-400 uppercase neon-text",children:e.title}),(0,s.jsx)("p",{className:"mt-2 text-gray-300",children:e.desc})]})]}),(0,s.jsx)(r(),{href:e.link,target:"_blank",className:"mt-6 inline-block",children:(0,s.jsx)(i.P.div,{whileHover:{scale:1.05},className:"px-6 py-2 bg-yellow-500 text-black font-bold rounded-full hover:bg-yellow-400 transition-colors",children:"Explore Project"})})]},a))})]})})}},66496:(e,t,a)=>{"use strict";a.d(t,{default:()=>n});var s=a(95155),i=a(78888),l=a(5565);let n=()=>{let e={hidden:{y:50,opacity:0},visible:{y:0,opacity:1,transition:{type:"spring",stiffness:120}}},t={float:{y:[0,-20,0],transition:{duration:3,repeat:1/0,ease:"easeInOut"}}};return(0,s.jsx)("div",{className:"bg-black py-16 md:py-20",id:"services",children:(0,s.jsxs)("div",{className:"container mx-auto px-4 sm:px-8 lg:px-16",children:[(0,s.jsxs)(i.P.div,{initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},transition:{duration:.8},viewport:{once:!0,amount:.2},className:"mb-16 text-center",children:[(0,s.jsx)("h2",{className:"font-header text-4xl font-semibold uppercase text-yellow-400 sm:text-5xl lg:text-6xl neon-glow tracking-wide",children:"Here is what I excel  at"}),(0,s.jsx)(i.P.h3,{initial:{opacity:0}

1,whileInView:{opacity:1},transition:{delay:.3},className:"mt-6 font-header text-xl font-medium text-gray-300 sm:text-2xl lg:text-3xl",children:"Services I passionately offer"})]}),(0,s.jsx)(i.P.div,{variants:{hidden:{opacity:0},visible:{opacity:1,transition:{staggerChildren:.2,when:"beforeChildren"}}},initial:"hidden",whileInView:"visible",viewport:{once:!0,amount:.2},className:"grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3",children:[{img:"web-development.png",title:"WEB DEVELOPMENT",desc:"Crafting modern and stunning websites with Next.js, TypeScript, and Figma."},{img:"initiative.png",title:"PROBLEM SOLVER",desc:"Thrives on tackling challenges and finding innovative solutions to complex coding and design issues."},{img:"design-thinking.png",title:"CREATIVE IDEAS",desc:"Brings fresh, imaginative ideas to every project, blending functionality with aesthetics."},{img:"creative.png",title:"MOBILE EDITOR",desc:"Enhancing visuals and content on the go with precision and a keen eye for detail."},{img:"biology.png",title:"BIOLOGY TEACHER",desc:"Shares the wonders of biology with engaging teaching techniques."},{img:"baker.png",title:"SELF-TAUGHT BAKER",desc:"Turning simple ingredients into delightful creations with creativity and passion."}].map((a,n)=>(0,s.jsxs)(i.P.div,{variants:e,whileHover:"hover",className:"group relative overflow-hidden rounded-2xl border border-yellow-400/20 bg-gray-900/50 p-8 backdrop-blur-lg transition-all",style:{boxShadow:"inset 0 0 15px rgba(234, 179, 8, 0.1)"},children:[(0,s.jsx)(i.P.div,{variants:t,animate:"float",className:"mx-auto mb-8 h-20 w-20",children:(0,s.jsx)(l.default,{src:"/assets/img/".concat(a.img),alt:a.title,width:80,height:80,className:"transform transition-transform duration-300 group-hover:scale-110"})}),(0,s.jsxs)("div",{className:"text-center",children:[(0,s.jsx)(i.P.h3,{whileHover:{color:"#fbbf24"},className:"mb-4 text-lg font-bold uppercase text-yellow-400 lg:text-xl",children:a.title}),(0,s.jsx)("p",{className:"text-gray-300 transition-colors duration-300 group-hover:text-gray-100",children:a.desc})]}),(0,s.jsx)("div",{className:"absolute inset-0 -z-10 bg-gradient-to-br from-yellow-400/10 via-trans

1parent to-transparent opacity-0 transition-opacity duration-300 group-hover:opacity-100"})]},n))})]})})}}},e=>{var t=t=>e(e.s=t);e.O(0,[6711,844,2362,8320,6742,1440,8441,1517,7358],()=>t(96575)),_N_E=e.O()}]);