Merge version_1_1781515261342 into main #3

Merged
bender merged 1 commits from version_1_1781515261342 into main 2026-06-15 09:23:41 +00:00

View File

@@ -6,171 +6,153 @@ import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRev
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';
import TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard';
import { BarChart2, Code2, Database } from "lucide-react";
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HomePage() {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroOverlay
tag="Data Analyst Fresher"
title="Turning Complex Data into Actionable Insights"
description="Passionate about uncovering hidden patterns, building robust data models, and helping businesses make smarter decisions."
primaryButton={{
text: "View My Projects", href: "#projects"}}
secondaryButton={{
text: "Contact Me", href: "#contact"}}
imageSrc="http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg"
/>
</SectionErrorBoundary>
</div>
tag="Data Analyst Fresher"
title="Turning Complex Data into Actionable Insights"
description="Passionate about uncovering hidden patterns, building robust data models, and helping businesses make smarter decisions."
primaryButton={{
text: "View My Projects", href: "#projects"
}}
secondaryButton={{
text: "Contact Me", href: "#contact"
}}
imageSrc="http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg"
/>
</SectionErrorBoundary>
</div>
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutFeaturesSplit
tag="About Me"
title="Who I Am"
description="I am a driven data analyst with a strong foundation in statistical modeling and data visualization. I enjoy translating business problems into data-driven solutions that drive growth."
items={[
{
icon: "Database", title: "Data Cleansing", description: "Expert in cleaning and transforming messy datasets into structured, ready-to-analyze formats."},
{
icon: "BarChart2", title: "Visualization", description: "Creating impactful dashboards in Tableau and Power BI that tell a clear story."},
{
icon: "Code2", title: "Python & SQL", description: "Writing efficient queries and scripts to automate data pipelines and generate deep insights."},
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"
/>
</SectionErrorBoundary>
</div>
tag="About Me"
title="Who I Am"
description="I am a driven data analyst with a strong foundation in statistical modeling and data visualization. I enjoy translating business problems into data-driven solutions that drive growth."
items={[
{
icon: "Database", title: "Data Cleansing", description: "Expert in cleaning and transforming messy datasets into structured, ready-to-analyze formats."
},
{
icon: "BarChart2", title: "Visualization", description: "Creating impactful dashboards in Tableau and Power BI that tell a clear story."
},
{
icon: "Code2", title: "Python & SQL", description: "Writing efficient queries and scripts to automate data pipelines and generate deep insights."
}
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"
/>
</SectionErrorBoundary>
</div>
<div id="skills" data-section="skills">
<SectionErrorBoundary name="skills">
<div id="skills" data-section="skills">
<SectionErrorBoundary name="skills">
<FeaturesBento
tag="Technical Skills"
title="My Toolset"
description="I work with a modern stack of analytics tools to ensure data accuracy and efficiency."
features={[
{
title: "Data Modeling", description: "Designing schema architectures that support scalable business requirements.", bentoComponent: "animated-bar-chart"},
{
title: "Analytics Tools", description: "Proficient in SQL, Python, Excel, and advanced statistical modeling.", bentoComponent: "orbiting-icons", centerIcon: "Database", orbitIcons: [
"Code2", "FileSpreadsheet", "PieChart"],
},
{
title: "Project Lifecycle", description: "From cleaning and preparation to final deployment and visualization.", bentoComponent: "checklist-timeline", heading: "Workflow", subheading: "Standard Process", checklistItems: [
{
label: "Define Problem", detail: "Understand requirements"},
{
label: "Explore Data", detail: "Find patterns"},
{
label: "Visualize", detail: "Present results"},
],
completedLabel: "Completed"},
]}
/>
</SectionErrorBoundary>
</div>
tag="Technical Skills"
title="My Toolset"
description="I work with a modern stack of analytics tools to ensure data accuracy and efficiency."
features={[
{
title: "Data Modeling", description: "Designing schema architectures that support scalable business requirements.", bentoComponent: "animated-bar-chart"
},
{
title: "Analytics Tools", description: "Proficient in SQL, Python, Excel, and advanced statistical modeling.", bentoComponent: "orbiting-icons", centerIcon: "Database", orbitIcons: ["Code2", "FileSpreadsheet", "PieChart"]
},
{
title: "Project Lifecycle", description: "From cleaning and preparation to final deployment and visualization.", bentoComponent: "checklist-timeline", heading: "Workflow", subheading: "Standard Process", checklistItems: [
{ label: "Define Problem", detail: "Understand requirements" },
{ label: "Explore Data", detail: "Find patterns" },
{ label: "Visualize", detail: "Present results" }
],
completedLabel: "Completed"
}
]}
/>
</SectionErrorBoundary>
</div>
<div id="projects" data-section="projects">
<SectionErrorBoundary name="projects">
<div id="projects" data-section="projects">
<SectionErrorBoundary name="projects">
<FeaturesRevealCardsBento
tag="Portfolio"
title="Featured Data Projects"
description="A collection of my work focusing on retail, finance, and marketing analytics."
items={[
{
title: "Customer Churn Analysis", description: "Predictive model used to identify customers at risk, saving the business 15% revenue.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/business-statistics_53876-167058.jpg"},
{
title: "Sales Performance Dashboard", description: "Comprehensive Power BI dashboard tracking KPIs across regional sales teams.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/manager-watches-tablet-with-greenscreen_482257-76577.jpg"},
{
title: "Marketing ROI Model", description: "Analyzed spend and engagement across channels to optimize marketing budget allocation.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg"},
{
title: "Financial Forecasts", description: "Time-series forecasting model to estimate quarterly revenue trends.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg"},
{
title: "Inventory Optimization", description: "Supply chain analysis to reduce stock-outs by 20% in high-demand periods.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/export-supervisor-drafting-billing-product-logistics_482257-88029.jpg"},
{
title: "Social Media Insights", description: "End-to-end sentiment analysis project using Twitter data.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-working-with-statistics-charts-computer-monitor-analyzing-company-data-paperwork-using-online-information-create-research-report-before-deadline-night-after-hours_482257-44737.jpg"},
{
title: "Portfolio Site", description: "A responsive dashboard site for data visualizations.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/business-growth-chart_23-2152011786.jpg"},
]}
/>
</SectionErrorBoundary>
</div>
tag="Portfolio"
title="Featured Data Projects"
description="A collection of my work focusing on retail, finance, and marketing analytics."
items={[
{ title: "Customer Churn Analysis", description: "Predictive model used to identify customers at risk, saving the business 15% revenue.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/business-statistics_53876-167058.jpg" },
{ title: "Sales Performance Dashboard", description: "Comprehensive Power BI dashboard tracking KPIs across regional sales teams.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/manager-watches-tablet-with-greenscreen_482257-76577.jpg" },
{ title: "Marketing ROI Model", description: "Analyzed spend and engagement across channels to optimize marketing budget allocation.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg" },
{ title: "Financial Forecasts", description: "Time-series forecasting model to estimate quarterly revenue trends.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-data-interface_23-2152011741.jpg" },
{ title: "Inventory Optimization", description: "Supply chain analysis to reduce stock-outs by 20% in high-demand periods.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/export-supervisor-drafting-billing-product-logistics_482257-88029.jpg" },
{ title: "Social Media Insights", description: "End-to-end sentiment analysis project using Twitter data.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-working-with-statistics-charts-computer-monitor-analyzing-company-data-paperwork-using-online-information-create-research-report-before-deadline-night-after-hours_482257-44737.jpg" },
{ title: "Portfolio Site", description: "A responsive dashboard site for data visualizations.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/business-growth-chart_23-2152011786.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsMediaCards
tag="Impact"
title="Quantitative Results"
description="My data interventions typically result in measurable gains for stakeholders."
metrics={[
{
value: "15%", title: "Revenue Growth", description: "Resulting from targeted churn reduction strategies.", imageSrc: "http://img.b2bpic.net/free-photo/woman-listening-watching-business-conference-computer-screen_482257-119758.jpg"},
{
value: "20%", title: "Efficiency Gain", description: "Reduction in supply chain stock-outs.", imageSrc: "http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg"},
{
value: "500+", title: "Data Rows", description: "Handled in complex dataset transformation tasks.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-networking-using-digital-devices_53876-101875.jpg"},
]}
/>
</SectionErrorBoundary>
</div>
tag="Impact"
title="Quantitative Results"
description="My data interventions typically result in measurable gains for stakeholders."
metrics={[
{ value: "15%", title: "Revenue Growth", description: "Resulting from targeted churn reduction strategies.", imageSrc: "http://img.b2bpic.net/free-photo/woman-listening-watching-business-conference-computer-screen_482257-119758.jpg" },
{ value: "20%", title: "Efficiency Gain", description: "Reduction in supply chain stock-outs.", imageSrc: "http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg" },
{ value: "500+", title: "Data Rows", description: "Handled in complex dataset transformation tasks.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-networking-using-digital-devices_53876-101875.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialTrustCard
quote="Working with this developer was a game changer for our business analytics. Highly professional and efficient."
rating={5}
author="John Doe, CTO at InsightCo"
avatars={[
{
name: "Alex", imageSrc: "http://img.b2bpic.net/free-photo/pleased-asian-guy-classic-blue-t-shirt-posing-with-okay-sign-after-conference-with-colleagues-indoor-portrait-happy-chinese-entrepreneur-glasses-enjoying-good-day_197531-3765.jpg"},
{
name: "Sarah", imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg"},
{
name: "Mike", imageSrc: "http://img.b2bpic.net/free-photo/happy-friendly-mature-business-man-wearing-jacket-glasses-posing-indoors-looking-camera_74855-9997.jpg"},
{
name: "Jane", imageSrc: "http://img.b2bpic.net/free-photo/stylish-adult-male-holding-tablet_23-2148673405.jpg"},
{
name: "Tom", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-bearded-man-smiling-using-laptop-while-sitting-sofa-home_231208-14093.jpg"},
]}
/>
</SectionErrorBoundary>
</div>
quote="Working with this developer was a game changer for our business analytics. Highly professional and efficient."
rating={5}
author="John Doe, CTO at InsightCo"
avatars={[
{ name: "Alex", imageSrc: "http://img.b2bpic.net/free-photo/pleased-asian-guy-classic-blue-t-shirt-posing-with-okay-sign-after-conference-with-colleagues-indoor-portrait-happy-chinese-entrepreneur-glasses-enjoying-good-day_197531-3765.jpg" },
{ name: "Sarah", imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg" },
{ name: "Mike", imageSrc: "http://img.b2bpic.net/free-photo/happy-friendly-mature-business-man-wearing-jacket-glasses-posing-indoors-looking-camera_74855-9997.jpg" },
{ name: "Jane", imageSrc: "http://img.b2bpic.net/free-photo/stylish-adult-male-holding-tablet_23-2148673405.jpg" },
{ name: "Tom", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-bearded-man-smiling-using-laptop-while-sitting-sofa-home_231208-14093.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqSplitMedia
tag="Help"
title="Common Questions"
description="Get to know more about my availability and skills."
items={[
{
question: "Are you available for freelance projects?", answer: "Yes, I am available for new freelance data analysis projects."},
{
question: "What tools do you specialize in?", answer: "I specialize in SQL, Python, Tableau, Power BI, and Excel."},
{
question: "Can you handle remote work?", answer: "Absolutely, I am comfortable with remote workflows and collaboration tools."},
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg"
/>
</SectionErrorBoundary>
</div>
tag="Help"
title="Common Questions"
description="Get to know more about my availability and skills."
items={[
{ question: "Are you available for freelance projects?", answer: "Yes, I am available for new freelance data analysis projects." },
{ question: "What tools do you specialize in?", answer: "I specialize in SQL, Python, Tableau, Power BI, and Excel." },
{ question: "Can you handle remote work?", answer: "Absolutely, I am comfortable with remote workflows and collaboration tools." }
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg"
/>
</SectionErrorBoundary>
</div>
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Let's Connect"
text="I'm always looking for new opportunities to leverage data to create value. Let's discuss your next project."
primaryButton={{
text: "Send Email", href: "mailto:hello@example.com"}}
secondaryButton={{
text: "View LinkedIn", href: "https://linkedin.com"}}
/>
</SectionErrorBoundary>
</div>
tag="Let's Connect"
text="I'm always looking for new opportunities to leverage data to create value. Let's discuss your next project."
primaryButton={{ text: "Send Email", href: "mailto:hello@example.com" }}
secondaryButton={{ text: "View LinkedIn", href: "https://linkedin.com" }}
/>
</SectionErrorBoundary>
</div>
</>
);
}
}