Merge version_1 into main #1
479
src/app/page.tsx
479
src/app/page.tsx
@@ -17,345 +17,168 @@ import { Briefcase, Settings } from "lucide-react";
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Skills",
|
||||
id: "skills",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Jaimin Prajapati"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Skills", id: "skills" },
|
||||
{ name: "Projects", id: "projects" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Jaimin Prajapati"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Jaimin Prajapati"
|
||||
description="Mechanical Design Engineer | Sheet Metal | SolidWorks Expert | FEA, CFD, DFM | HVAC Design & Energy Analysis | Delivering Production-Ready Engineering Solutions"
|
||||
tag="Available for Projects"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Me",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Download CV",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
|
||||
imageAlt: "Jaimin Prajapati Professional Photo",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/expert-engineer-develops-industrial-prototypes-using-3d-modeling-software_482257-116562.jpg",
|
||||
imageAlt: "Mechanical Engineering CAD Design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/process-creating-modern-fence-with-orange-sparks_7502-9314.jpg",
|
||||
imageAlt: "Sheet Metal Fabrication",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architect-working-house-project-light-table_23-2147953426.jpg",
|
||||
imageAlt: "HVAC System Analysis",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-reading-x-ray-imaging-diagnostic-report-consultation_482257-115115.jpg",
|
||||
imageAlt: "FEA Structural Analysis",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-laptop_107420-95941.jpg",
|
||||
imageAlt: "Manufacturing Workshop Setting",
|
||||
},
|
||||
]}
|
||||
tagIcon={Briefcase}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Jaimin Prajapati"
|
||||
description="Mechanical Design Engineer | Sheet Metal | SolidWorks Expert | FEA, CFD, DFM | HVAC Design & Energy Analysis | Delivering Production-Ready Engineering Solutions"
|
||||
tag="Available for Projects"
|
||||
buttons={[{ text: "Contact Me", href: "#contact" }, { text: "Download CV", href: "#" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", imageAlt: "Jaimin Prajapati Professional Photo" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/expert-engineer-develops-industrial-prototypes-using-3d-modeling-software_482257-116562.jpg", imageAlt: "Mechanical Engineering CAD Design" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/process-creating-modern-fence-with-orange-sparks_7502-9314.jpg", imageAlt: "Sheet Metal Fabrication" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/architect-working-house-project-light-table_23-2147953426.jpg", imageAlt: "HVAC System Analysis" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/doctor-reading-x-ray-imaging-diagnostic-report-consultation_482257-115115.jpg", imageAlt: "FEA Structural Analysis" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-laptop_107420-95941.jpg", imageAlt: "Manufacturing Workshop Setting" }
|
||||
]}
|
||||
tagIcon={Briefcase}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="About Me"
|
||||
title="Mechanical Design Engineer"
|
||||
description="Mechanical Design Engineer with 3+ years of experience in sheet metal fabrication, CAD drafting, and manufacturing support."
|
||||
subdescription="Specialized in SolidWorks and AutoCAD with a proven track record of delivering production-ready engineering solutions."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-posing-black-white-medium-shot_23-2149411414.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
imageAlt="Engineer professional portrait"
|
||||
icon={Settings}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="About Me"
|
||||
title="Mechanical Design Engineer"
|
||||
description="Mechanical Design Engineer with 3+ years of experience in sheet metal fabrication, CAD drafting, and manufacturing support."
|
||||
subdescription="Specialized in SolidWorks and AutoCAD with a proven track record of delivering production-ready engineering solutions."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-posing-black-white-medium-shot_23-2149411414.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
imageAlt="Engineer professional portrait"
|
||||
icon={Settings}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="skills" data-section="skills">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "SolidWorks & CAD",
|
||||
author: "Expert Level",
|
||||
description: "3D modeling and complex sheet metal assembly design.",
|
||||
tags: [
|
||||
"CAD",
|
||||
"Design",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-engineer-designs-machinery-tools_482257-121402.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "FEA & CFD Analysis",
|
||||
author: "Simulation",
|
||||
description: "Structural analysis and thermal flow optimization using ANSYS.",
|
||||
tags: [
|
||||
"FEA",
|
||||
"CFD",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-technologies_23-2151941524.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "HVAC Systems",
|
||||
author: "Energy",
|
||||
description: "Duct design, airflow distribution, and energy efficiency modeling.",
|
||||
tags: [
|
||||
"HVAC",
|
||||
"MEP",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/suzhou-financial-district-night_1359-1026.jpg",
|
||||
},
|
||||
]}
|
||||
title="Technical Expertise"
|
||||
description="Advanced proficiency in industry-standard engineering software and manufacturing methodologies."
|
||||
/>
|
||||
</div>
|
||||
<div id="skills" data-section="skills">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "1", title: "SolidWorks & CAD", author: "Expert Level", description: "3D modeling and complex sheet metal assembly design.", tags: ["CAD", "Design"], imageSrc: "http://img.b2bpic.net/free-photo/black-engineer-designs-machinery-tools_482257-121402.jpg" },
|
||||
{ id: "2", title: "FEA & CFD Analysis", author: "Simulation", description: "Structural analysis and thermal flow optimization using ANSYS.", tags: ["FEA", "CFD"], imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-technologies_23-2151941524.jpg" },
|
||||
{ id: "3", title: "HVAC Systems", author: "Energy", description: "Duct design, airflow distribution, and energy efficiency modeling.", tags: ["HVAC", "MEP"], imageSrc: "http://img.b2bpic.net/free-photo/suzhou-financial-district-night_1359-1026.jpg" }
|
||||
]}
|
||||
title="Technical Expertise"
|
||||
description="Advanced proficiency in industry-standard engineering software and manufacturing methodologies."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="projects" data-section="projects">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "HVAC System Lab Design",
|
||||
price: "1359 m²",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-477.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "CO₂ Tracer Gas Study",
|
||||
price: "Research",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-it-professional-working-pc-high-tech-data-center-handling-maintenance-tasks_482257-135601.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Sheet Metal Products",
|
||||
price: "Production",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/silver-aesthetic-wallpaper-with-accessories_23-2149871732.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Pressure Sphere",
|
||||
price: "Composite",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-abstract-curves-lights-black-background_23-2148055579.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Manufacturing Support",
|
||||
price: "Assembly",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-rubber-bicycle-part_23-2147892660.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Energy Optimization",
|
||||
price: "HVAC",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-manager-office-visualizing-solar-cells-designs-pc_482257-117958.jpg",
|
||||
},
|
||||
]}
|
||||
title="Featured Projects"
|
||||
description="Selected engineering solutions demonstrating precision and efficiency."
|
||||
/>
|
||||
</div>
|
||||
<div id="projects" data-section="projects">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "HVAC System Lab Design", price: "1359 m²", imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-477.jpg" },
|
||||
{ id: "p2", name: "CO₂ Tracer Gas Study", price: "Research", imageSrc: "http://img.b2bpic.net/free-photo/african-american-it-professional-working-pc-high-tech-data-center-handling-maintenance-tasks_482257-135601.jpg" },
|
||||
{ id: "p3", name: "Sheet Metal Products", price: "Production", imageSrc: "http://img.b2bpic.net/free-photo/silver-aesthetic-wallpaper-with-accessories_23-2149871732.jpg" },
|
||||
{ id: "p4", name: "Pressure Sphere", price: "Composite", imageSrc: "http://img.b2bpic.net/free-photo/colorful-abstract-curves-lights-black-background_23-2148055579.jpg" },
|
||||
{ id: "p5", name: "Manufacturing Support", price: "Assembly", imageSrc: "http://img.b2bpic.net/free-photo/man-holding-rubber-bicycle-part_23-2147892660.jpg" },
|
||||
{ id: "p6", name: "Energy Optimization", price: "HVAC", imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-manager-office-visualizing-solar-cells-designs-pc_482257-117958.jpg" }
|
||||
]}
|
||||
title="Featured Projects"
|
||||
description="Selected engineering solutions demonstrating precision and efficiency."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Key Accomplishments"
|
||||
tag="Performance Metrics"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "95%",
|
||||
description: "Simulation Accuracy",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "8%",
|
||||
description: "HVAC Energy Savings",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "3+",
|
||||
description: "Years Experience",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "Six Sigma",
|
||||
description: "Green Belt Certified",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Key Accomplishments"
|
||||
tag="Performance Metrics"
|
||||
metrics={[
|
||||
{ id: "m1", value: "95%", description: "Simulation Accuracy" },
|
||||
{ id: "m2", value: "8%", description: "HVAC Energy Savings" },
|
||||
{ id: "m3", value: "3+", description: "Years Experience" },
|
||||
{ id: "m4", value: "Six Sigma", description: "Green Belt Certified" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Team Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-man-with-grey-hair-dark-color-shirt-looking-camera-with-confident-expression-with-crossed-hands-his-chest-standing-blue-background_141793-133851.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Engineering Peer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-working_23-2148886869.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Workshop Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Production Head",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Senior Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-wearing-formal-suit_23-2148937763.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="Professional Feedback"
|
||||
cardTag="Endorsements"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Team Manager", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-man-with-grey-hair-dark-color-shirt-looking-camera-with-confident-expression-with-crossed-hands-his-chest-standing-blue-background_141793-133851.jpg" },
|
||||
{ id: "t2", name: "Engineering Peer", imageSrc: "http://img.b2bpic.net/free-photo/man-warehouse-working_23-2148886869.jpg" },
|
||||
{ id: "t3", name: "Workshop Lead", imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg" },
|
||||
{ id: "t4", name: "Production Head", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg" },
|
||||
{ id: "t5", name: "Senior Designer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-wearing-formal-suit_23-2148937763.jpg" }
|
||||
]}
|
||||
cardTitle="Professional Feedback"
|
||||
cardTag="Endorsements"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Core Engineering Tools?",
|
||||
content: "I am proficient in SolidWorks, AutoCAD, and ANSYS, among others.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Industry Focus?",
|
||||
content: "Specializing in Sheet Metal fabrication, HVAC design, and Industrial automation.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Availability?",
|
||||
content: "Open to new engineering challenges and freelance manufacturing consultancy.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Questions"
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Core Engineering Tools?", content: "I am proficient in SolidWorks, AutoCAD, and ANSYS, among others." },
|
||||
{ id: "f2", title: "Industry Focus?", content: "Specializing in Sheet Metal fabrication, HVAC design, and Industrial automation." },
|
||||
{ id: "f3", title: "Availability?", content: "Open to new engineering challenges and freelance manufacturing consultancy." }
|
||||
]}
|
||||
sideTitle="Questions"
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get In Touch"
|
||||
description="Discuss your next engineering project with me."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Details about your project...",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/paper-notebook-near-electronic-devices-cup-coffee_23-2148128499.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get In Touch"
|
||||
description="Discuss your next engineering project with me."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Details about your project...", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/paper-notebook-near-electronic-devices-cup-coffee_23-2148128499.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "GitHub",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Jaimin Prajapati"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation", items: [{ label: "About", href: "#about" }, { label: "Projects", href: "#projects" }]
|
||||
},
|
||||
{
|
||||
title: "Social", items: [{ label: "LinkedIn", href: "#" }, { label: "GitHub", href: "#" }]
|
||||
}
|
||||
]}
|
||||
logoText="Jaimin Prajapati"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user