Merge version_2 into main #1

Merged
bender merged 4 commits from version_2 into main 2026-06-11 22:29:53 +00:00
4 changed files with 108 additions and 273 deletions

View File

@@ -7,12 +7,13 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Raleway } from "next/font/google";
import { Inter_Tight } from "next/font/google";
export const metadata: Metadata = {
title: 'Mahmoud Shamikh | Engineering Portfolio',
description: 'Showcasing precision engineering and innovative problem-solving through a dynamic portfolio for Mahmoud Shamikh, targeting top industry opportunities.',
title: 'InnovateFlow | Workflow Automation SaaS',
description: 'InnovateFlow provides intuitive solutions to boost productivity, simplify complex tasks, and drive your business forward with intelligent automation.',
keywords: ["Mahmoud Shamikh, engineering portfolio, Benha Engineering, mechanical design, FEA, simulation, project management, robotics, renewable energy, advanced manufacturing"],
openGraph: {
"title": "Mahmoud Shamikh | Engineering Portfolio",
@@ -41,9 +42,10 @@ export const metadata: Metadata = {
},
};
const raleway = Raleway({
variable: "--font-raleway",
subsets: ["latin"],
const interTight = Inter_Tight({
variable: "--font-inter-tight", subsets: ["latin"],
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
});
export default function RootLayout({
@@ -54,7 +56,7 @@ export default function RootLayout({
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body className={`${raleway.variable} antialiased`}>
<body className={`${interTight.variable} antialiased`}>
<Tag />
{children}
<script

View File

@@ -34,57 +34,40 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "Features", id: "#about"},
{
name: "Expertise",
id: "#expertise",
},
name: "Solutions", id: "#expertise"},
{
name: "Projects",
id: "#projects",
},
name: "Platform", id: "#projects"},
{
name: "Impact",
id: "#impact",
},
name: "Insights", id: "#impact"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Success Stories", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Get Started", id: "#contact"},
]}
brandName="Mahmoud Shamikh"
brandName="InnovateFlow"
/>
</div>
<div id="home" data-section="home">
<HeroBillboardScroll
background={{
variant: "rotated-rays-animated-grid",
}}
title="Engineering Excellence, Visualized in Motion"
description="Mahmoud Shamikh brings precision engineering and innovative problem-solving to every project. Explore my portfolio of technical achievements and design expertise."
tag="Innovate. Design. Engineer."
tagIcon={Lightbulb}
variant: "rotated-rays-animated-grid"}}
title="Streamline Your Workflow, Maximize Your Potential"
description="InnovateFlow provides intuitive solutions to boost productivity, simplify complex tasks, and drive your business forward with intelligent automation."
tag="Efficiency. Automation. Growth."
tagIcon={Zap}
tagAnimation="slide-up"
buttons={[
{
text: "View My Work",
href: "#projects",
},
text: "Start Free Trial", href: "#contact"},
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/photovoltaics-factory-technician-using-vr-headset-adjust-system-parameters_482257-118087.jpg"
imageAlt="Dynamic 3D engineering elements and gears"
imageSrc="http://img.b2bpic.net/free-photo/side-view-engineer-examining-circuit-board_23-2148106201.jpg"
imageAlt="Digital workflow interface with graphs and charts"
/>
</div>
@@ -92,27 +75,21 @@ export default function LandingPage() {
<SplitAbout
textboxLayout="default"
useInvertedBackground={true}
title="About My Engineering Journey"
description="With a strong foundation from Benha Engineering, I specialize in mechanical design, simulation, and project management. My approach blends theoretical knowledge with practical application to deliver robust, innovative solutions that push boundaries and drive efficiency. I thrive on complex challenges, transforming intricate problems into streamlined, effective designs."
title="Features Designed for Modern Teams"
description="InnovateFlow empowers your team with a suite of tools built for seamless collaboration, data-driven decisions, and unparalleled operational efficiency. Discover how we transform your daily tasks into strategic advantages."
bulletPoints={[
{
title: "Precision Design",
description: "A meticulous approach to engineering design, ensuring accuracy and optimal performance in every detail.",
icon: Settings,
title: "Automated Task Management", description: "Delegate and track tasks effortlessly with intelligent automation rules.", icon: Settings,
},
{
title: "Innovative Solutions",
description: "Leveraging cutting-edge tools and creative thinking to solve complex engineering challenges effectively.",
icon: Lightbulb,
title: "Real-time Analytics", description: "Gain instant insights into performance with customizable dashboards.", icon: Award,
},
{
title: "Project Leadership",
description: "Proven ability to lead multidisciplinary teams, manage project lifecycles, and deliver results on time and within budget.",
icon: Award,
title: "Seamless Integrations", description: "Connect with your favorite apps to create a unified ecosystem.", icon: CheckCircle,
},
]}
imageSrc="http://img.b2bpic.net/free-photo/pc-desk-empty-photovoltaics-factory-monitoring-system-performance_482257-120508.jpg"
imageAlt="Mahmoud Shamikh in an engineering lab"
imageSrc="http://img.b2bpic.net/free-photo/colleagues-discussing-financial-strategy-modern-office_23-2148810245.jpg"
imageAlt="Team collaborating on a project dashboard"
mediaAnimation="slide-up"
/>
</div>
@@ -124,52 +101,24 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "mech-design",
label: "Mechanical Design",
title: "Precision and Functionality",
items: [
"CAD/CAM Proficiency",
"DFM (Design for Manufacturability)",
"Advanced Material Selection",
"Component Optimization",
],
id: "marketing", label: "Marketing Automation", title: "Engage & Convert", items: [
"Campaign Management", "Lead Nurturing", "Performance Tracking"],
},
{
id: "fea-sim",
label: "FEA & Simulation",
title: "Predictive Performance",
items: [
"Finite Element Analysis",
"Multi-physics Simulations",
"Structural & Thermal Analysis",
"Dynamic System Modeling",
],
id: "sales", label: "Sales Enablement", title: "Close Deals Faster", items: [
"CRM Integration", "Pipeline Visualization", "Automated Follow-ups"],
},
{
id: "proto-test",
label: "Prototyping & Testing",
title: "From Concept to Reality",
items: [
"Rapid Prototyping",
"Functional Testing & Validation",
"Iterative Design Refinement",
"Quality Assurance Protocols",
],
id: "operations", label: "Operations Optimization", title: "Streamline Processes", items: [
"Resource Allocation", "Supply Chain Insights", "Workflow Automation"],
},
{
id: "proj-mgmt",
label: "Project Management",
title: "Seamless Execution",
items: [
"Lifecycle Planning & Oversight",
"Cross-functional Team Leadership",
"Budget & Resource Management",
"Stakeholder Communication",
],
id: "hr", label: "HR Management", title: "Empower Your People", items: [
"Onboarding Workflows", "Performance Reviews", "Employee Feedback"],
},
]}
title="Core Engineering Expertise"
description="My diverse skill set encompasses critical areas of modern engineering, enabling a comprehensive approach to project development and execution. Each discipline is honed through rigorous practice and continuous learning, ensuring high-quality, impactful outcomes."
title="Solutions Tailored for Every Department"
description="From marketing to operations, InnovateFlow adapts to your unique needs, providing specialized solutions that enhance productivity and foster innovation across your entire organization."
/>
</div>
@@ -182,56 +131,20 @@ export default function LandingPage() {
carouselMode="buttons"
products={[
{
id: "p1",
name: "Automated Robotics System",
price: "Industrial Automation",
variant: "Robotics",
imageSrc: "http://img.b2bpic.net/free-photo/robotic-arms-assembling-products-production-line_23-2152005500.jpg",
imageAlt: "Automated robotic arm",
},
id: "ex1", name: "Dynamic Project Dashboards", price: "Real-time Tracking", variant: "Management", imageSrc: "http://img.b2bpic.net/free-photo/top-view-businesswoman-working-with-laptop-project_23-2148281357.jpg", imageAlt: "Project dashboard"},
{
id: "p2",
name: "Sustainable Energy Solution",
price: "Commercial Application",
variant: "Solar Thermal",
imageSrc: "http://img.b2bpic.net/free-photo/energy-storage_1048-2431.jpg",
imageAlt: "Solar thermal energy system",
},
id: "ex2", name: "AI-Powered Data Insights", price: "Predictive Analytics", variant: "Analytics", imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-futuristic-business-background-ai-generated_23-2151044460.jpg", imageAlt: "AI data visualization"},
{
id: "p3",
name: "Advanced HVAC Optimization",
price: "Building Efficiency",
variant: "Smart Systems",
imageSrc: "http://img.b2bpic.net/free-photo/looking-towards-sky-through-spiral_181624-26815.jpg",
imageAlt: "Smart HVAC system diagram",
},
id: "ex3", name: "Integrated Communication Hub", price: "Team Collaboration", variant: "Communication", imageSrc: "http://img.b2bpic.net/free-photo/side-view-business-man-working-computer_23-2148106207.jpg", imageAlt: "Team communication interface"},
{
id: "p4",
name: "Structural Integrity Analysis",
price: "Infrastructure Safety",
variant: "FEA",
imageSrc: "http://img.b2bpic.net/free-photo/architect-man-looking-design-professional-office_482257-8104.jpg",
imageAlt: "Structural integrity analysis visualization",
},
id: "ex4", name: "Automated Reporting Tools", price: "Compliance & Insights", variant: "Reporting", imageSrc: "http://img.b2bpic.net/free-photo/young-man-sitting-desk-analyzing-graphs_23-2148212176.jpg", imageAlt: "Automated report generation"},
{
id: "p5",
name: "Custom Machine Development",
price: "Production Line Enhancement",
variant: "Manufacturing",
imageSrc: "http://img.b2bpic.net/free-photo/pc-monitoring-photovoltaics-factory-engineering-workspace_482257-120474.jpg",
imageAlt: "Custom manufacturing machine components",
},
id: "ex5", name: "Custom Workflow Builders", price: "Adaptable Solutions", variant: "Customization", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-laptop-home_23-2150935515.jpg", imageAlt: "Workflow builder interface"},
{
id: "p6",
name: "Material Fatigue Study",
price: "Aerospace Research",
variant: "Material Science",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-making-eye-glasses_23-2148919991.jpg",
imageAlt: "Aerospace material fatigue testing",
},
id: "ex6", name: "Secure Cloud Storage", price: "Data Integrity", variant: "Security", imageSrc: "http://img.b2bpic.net/free-photo/3d-internet-data-security_1048-2433.jpg", imageAlt: "Secure cloud storage"},
]}
title="Showcase of Technical Projects"
description="Explore a selection of my most impactful engineering projects, demonstrating my capability in design, analysis, and implementation across various industries. Each project represents a unique challenge overcome with innovative solutions and meticulous execution."
title="Our Platform in Action"
description="See how InnovateFlow transforms daily operations into strategic wins. Our versatile platform handles diverse needs, from complex project management to intricate data analysis, providing a unified and intelligent workspace."
/>
</div>
@@ -244,29 +157,17 @@ export default function LandingPage() {
carouselMode="buttons"
metrics={[
{
id: "m1",
value: "98%",
title: "Project Success Rate",
description: "Consistently delivering projects on time and exceeding technical specifications.",
icon: CheckCircle,
id: "m1", value: "25%", title: "Productivity Increase", description: "Average boost in team productivity after implementing InnovateFlow.", icon: Zap,
},
{
id: "m2",
value: "30%",
title: "Efficiency Improvement",
description: "Average efficiency gain achieved in optimized systems and processes.",
icon: Zap,
id: "m2", value: "40%", title: "Cost Reduction", description: "Savings achieved through streamlined operations and automation.", icon: Award,
},
{
id: "m3",
value: "15+",
title: "Years of Experience",
description: "Extensive professional experience across diverse engineering challenges.",
icon: Award,
id: "m3", value: "99.9%", title: "Uptime Reliability", description: "Ensuring your tools are always available when you need them.", icon: CheckCircle,
},
]}
title="Impact & Achievements by Numbers"
description="Quantifying the tangible results of my engineering work, these metrics highlight efficiency gains, cost reductions, and successful project deliveries. My commitment to measurable outcomes ensures value creation in every endeavor."
title="Impactful Insights, Real Results"
description="Our platform drives measurable improvements, helping businesses achieve significant growth and operational efficiency."
/>
</div>
@@ -275,16 +176,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Benha University",
"Innovate Engineering Solutions",
"Global Tech Dynamics",
"Precision Robotics Inc.",
"Sustainable Systems Group",
"Future Tech Labs",
"Advanced Materials Co.",
]}
title="Trusted by Industry Leaders"
description="My work has been recognized and implemented by a range of respected companies and academic institutions, reflecting a consistent record of reliability, expertise, and collaborative success."
"Global Solutions Inc.", "NextGen Innovations", "Apex Dynamics", "Velocity Ventures", "Digital Spark Co.", "Future Horizons Group", "Synergy Labs"]}
title="Trusted by Leading Enterprises"
description="InnovateFlow is the chosen platform for businesses committed to innovation and efficiency, from startups to Fortune 500 companies."
/>
</div>
@@ -298,53 +192,23 @@ export default function LandingPage() {
uniformGridCustomHeightClasses="min-h-95 2xl:min-h-105"
testimonials={[
{
id: "t1",
name: "Sarah Johnson",
role: "CEO",
company: "TechCorp",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
imageAlt: "Sarah Johnson",
},
id: "t1", name: "Alex Johnson", role: "Head of Operations", company: "Global Solutions Inc.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", imageAlt: "Alex Johnson"},
{
id: "t2",
name: "Michael Chen",
role: "CTO",
company: "InnovateLab",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-pensive-middle-aged-business-man_1262-2982.jpg",
imageAlt: "Michael Chen",
},
id: "t2", name: "Maria Chen", role: "Marketing Director", company: "NextGen Innovations", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-pensive-middle-aged-business-man_1262-2982.jpg", imageAlt: "Maria Chen"},
{
id: "t3",
name: "Emily Rodriguez",
role: "Marketing Director",
company: "GrowthCo",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-smiling-with-top-hat-thumbs-up_1187-1549.jpg",
imageAlt: "Emily Rodriguez",
},
id: "t3", name: "David Lee", role: "CTO", company: "Apex Dynamics", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-smiling-with-top-hat-thumbs-up_1187-1549.jpg", imageAlt: "David Lee"},
{
id: "t4",
name: "David Kim",
role: "Product Manager",
company: "StartupXYZ",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-thoughtful-middle-aged-business-man_1262-2985.jpg",
imageAlt: "David Kim",
},
id: "t4", name: "Sophia Kim", role: "Product Lead", company: "Velocity Ventures", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-thoughtful-middle-aged-business-man_1262-2985.jpg", imageAlt: "Sophia Kim"},
{
id: "t5",
name: "Jessica Lee",
role: "Lead Engineer",
company: "Innovate Engineering Solutions",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/dentist-doctor-looking-camera-smiling-while-elderly-patient-waiting-him-background-dental-hygiene-stomatologist-with-protection-glasses-standing-front-webcam-stomatological-clinic_482257-3573.jpg",
imageAlt: "Jessica Lee",
},
id: "t5", name: "Omar Hassan", role: "CEO", company: "Digital Spark Co.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/dentist-doctor-looking-camera-smiling-while-elderly-patient-waiting-him-background-dental-hygiene-stomatologist-with-protection-glasses-standing-front-webcam-stomatological-clinic_482257-3573.jpg", imageAlt: "Omar Hassan"},
]}
title="Voices of Collaboration"
description="Hear directly from clients and collaborators about the impact of my engineering contributions. Their feedback underscores my commitment to technical excellence and professional partnership."
title="Hear From Our Satisfied Customers"
description="Our clients share their success stories, highlighting how InnovateFlow has transformed their operations and contributed to their growth."
/>
</div>
@@ -353,23 +217,14 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "What industries do you specialize in?",
content: "I primarily work across industrial automation, renewable energy, and advanced manufacturing sectors, but my skills are adaptable to a broad range of engineering challenges.",
},
id: "q1", title: "What is InnovateFlow?", content: "InnovateFlow is a SaaS platform designed to streamline workflows, automate tasks, and provide data insights for businesses of all sizes, boosting productivity and efficiency."},
{
id: "q2",
title: "How do you approach a new project?",
content: "My process typically begins with a detailed discovery phase to understand client needs, followed by conceptual design, iterative development, rigorous testing, and final implementation, all with transparent communication.",
},
id: "q2", title: "How does InnovateFlow improve team collaboration?", content: "Our platform offers integrated communication tools, shared dashboards, and real-time updates, fostering seamless collaboration and ensuring everyone is on the same page."},
{
id: "q3",
title: "Can you provide examples of your past work?",
content: "Absolutely. My portfolio highlights various projects, and I'm happy to discuss specific case studies relevant to your interests during a consultation.",
},
id: "q3", title: "Is InnovateFlow suitable for small businesses?", content: "Absolutely! InnovateFlow is scalable and offers flexible plans designed to meet the needs of both small startups and large enterprises, providing essential tools without the complexity."},
]}
sideTitle="Frequently Asked Questions"
sideDescription="Find answers to common questions about my engineering services, project capabilities, and professional approach."
sideTitle="Common Questions About InnovateFlow"
sideDescription="Got questions about our platform? We've got answers. Explore our frequently asked questions to learn more about how InnovateFlow can benefit your business."
faqsAnimation="blur-reveal"
textPosition="left"
/>
@@ -379,17 +234,16 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
tag="Connect"
title="Let's Build the Future Together"
description="Ready to discuss your next engineering challenge or explore collaboration opportunities? Reach out, and let's bring your innovative ideas to life. I look forward to connecting with you."
imageSrc="http://img.b2bpic.net/free-photo/engineer-solar-panels-plant-using-vr-optimize-layouts-using-cad-software_482257-120364.jpg"
imageAlt="Interconnected 3D gears and engineering elements"
variant: "sparkles-gradient"}}
tag="Get Started"
title="Ready to Transform Your Business?"
description="Join thousands of businesses already optimizing their operations with InnovateFlow. Sign up for a free trial or contact us to discuss your specific needs."
imageSrc="http://img.b2bpic.net/free-photo/female-developer-working-office_23-2149591147.jpg"
imageAlt="Person working on a laptop with digital interfaces"
mediaAnimation="slide-up"
mediaPosition="right"
inputPlaceholder="Your Email Address"
buttonText="Get in Touch"
inputPlaceholder="Your Business Email"
buttonText="Start My Free Trial"
/>
</div>
@@ -397,61 +251,40 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Quick Links",
items: [
title: "Quick Links", items: [
{
label: "Home",
href: "#home",
},
label: "Home", href: "#home"},
{
label: "About",
href: "#about",
},
label: "Features", href: "#about"},
{
label: "Projects",
href: "#projects",
},
label: "Platform", href: "#projects"},
],
},
{
title: "Expertise",
items: [
title: "Solutions", items: [
{
label: "Mechanical Design",
href: "#expertise",
},
label: "Marketing", href: "#expertise"},
{
label: "FEA & Simulation",
href: "#expertise",
},
label: "Sales", href: "#expertise"},
{
label: "Project Management",
href: "#expertise",
},
label: "Operations", href: "#expertise"},
],
},
{
title: "Connect",
items: [
title: "Company", items: [
{
label: "Contact Me",
href: "#contact",
},
label: "About Us", href: "#about"},
{
label: "LinkedIn",
href: "https://linkedin.com/in/mahmoudshamikh",
},
label: "Contact", href: "#contact"},
{
label: "Email",
href: "mailto:info@mahmoudshamikh.com",
},
label: "Privacy Policy", href: "/privacy-policy"},
],
},
]}
logoSrc="http://img.b2bpic.net/free-vector/sphere-abstract-logo_126523-2805.jpg"
logoAlt="Mahmoud Shamikh Engineering Logo"
logoText="Mahmoud Shamikh"
copyrightText="© 2024 Mahmoud Shamikh. All rights reserved."
logoAlt="InnovateFlow Logo"
logoText="InnovateFlow"
copyrightText="© 2024 InnovateFlow. All rights reserved."
/>
</div>
</ReactLenis>

View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-raleway), sans-serif;
font-family: var(--font-inter-tight), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-raleway), sans-serif;
font-family: var(--font-inter-tight), sans-serif;
}

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f7f6f7;
--card: #ffffff;
--foreground: #25190c;
--primary-cta: #ff6207;
--primary-cta-text: #f7f6f7;
--secondary-cta: #ffffff;
--secondary-cta-text: #25190c;
--accent: #ffce93;
--background-accent: #e8cfa8;
--background: #000000;
--card: #0c0c0c;
--foreground: #ffffff;
--primary-cta: #106EFB;
--primary-cta-text: #ffffff;
--secondary-cta: #000000;
--secondary-cta-text: #ffffff;
--accent: #535353;
--background-accent: #106EFB;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);