Merge version_1 into main #1
304
src/app/page.tsx
304
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "#projects",
|
||||
},
|
||||
{
|
||||
name: "Philosophy",
|
||||
id: "#philosophy",
|
||||
},
|
||||
{
|
||||
name: "Blog",
|
||||
id: "#blog",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Projects", id: "#projects" },
|
||||
{ name: "Philosophy", id: "#philosophy" },
|
||||
{ name: "Blog", id: "#blog" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="Ali Shaikh"
|
||||
/>
|
||||
@@ -59,98 +44,31 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Ali Shaikh — India’s Youngest Digital Innovator in AI & Tech"
|
||||
description="Building the future of artificial intelligence. Mastering disciplined execution through early-stage technical breakthroughs."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Rahul V.",
|
||||
role: "Venture Partner",
|
||||
testimonial: "Ali is consistently ahead of the curve in AI research.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hearing-issues-collage-design_23-2149831049.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah L.",
|
||||
role: "Tech Founder",
|
||||
testimonial: "His understanding of complex systems is unparalleled at his age.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-concept-human_23-2150688371.jpg",
|
||||
},
|
||||
{
|
||||
name: "Dr. Aris K.",
|
||||
role: "AI Researcher",
|
||||
testimonial: "A rare blend of theoretical mastery and execution.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pisces-portrait-beautiful-woman_23-2149275129.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marcus J.",
|
||||
role: "Angel Investor",
|
||||
testimonial: "Ali is a signal-driven powerhouse.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-executive_1098-4078.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena R.",
|
||||
role: "SaaS Product Manager",
|
||||
testimonial: "An incredible future-forward builder.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-blue-lights-visual-effects_23-2149419444.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Let’s Build Something Together",
|
||||
href: "#contact",
|
||||
},
|
||||
{ name: "Rahul V.", handle: "Venture Partner", testimonial: "Ali is consistently ahead of the curve in AI research.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hearing-issues-collage-design_23-2149831049.jpg" },
|
||||
{ name: "Sarah L.", handle: "Tech Founder", testimonial: "His understanding of complex systems is unparalleled at his age.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-concept-human_23-2150688371.jpg" },
|
||||
{ name: "Dr. Aris K.", handle: "AI Researcher", testimonial: "A rare blend of theoretical mastery and execution.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pisces-portrait-beautiful-woman_23-2149275129.jpg" },
|
||||
{ name: "Marcus J.", handle: "Angel Investor", testimonial: "Ali is a signal-driven powerhouse.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-executive_1098-4078.jpg" },
|
||||
{ name: "Elena R.", handle: "SaaS Product Manager", testimonial: "An incredible future-forward builder.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-blue-lights-visual-effects_23-2149419444.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Let’s Build Something Together", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/digital-art-inmersive-exhibition_23-2151428473.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrit-trendy-handsome-man-sunglasses-photo-studio_613910-13090.jpg",
|
||||
alt: "Portrait of Rahul V.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/boy-posing-studio-front-view_23-2149596295.jpg",
|
||||
alt: "Portrait of Sarah L.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/caucasian-man-using-tablet-computer_171337-18179.jpg",
|
||||
alt: "Portrait of Dr. Aris K.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5105.jpg",
|
||||
alt: "Portrait of Marcus J.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/ai-generated-concept-human_23-2150688361.jpg",
|
||||
alt: "Portrait of Elena R.",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrit-trendy-handsome-man-sunglasses-photo-studio_613910-13090.jpg", alt: "Portrait of Rahul V." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/boy-posing-studio-front-view_23-2149596295.jpg", alt: "Portrait of Sarah L." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/caucasian-man-using-tablet-computer_171337-18179.jpg", alt: "Portrait of Dr. Aris K." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5105.jpg", alt: "Portrait of Marcus J." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/ai-generated-concept-human_23-2150688361.jpg", alt: "Portrait of Elena R." }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "AI Innovator",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Deep Tech",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Systems Thinker",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Full-Stack Dev",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Public Builder",
|
||||
},
|
||||
{ type: "text", text: "AI Innovator" },
|
||||
{ type: "text", text: "Deep Tech" },
|
||||
{ type: "text", text: "Systems Thinker" },
|
||||
{ type: "text", text: "Full-Stack Dev" },
|
||||
{ type: "text", text: "Public Builder" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -160,21 +78,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Identity Engine"
|
||||
metrics={[
|
||||
{
|
||||
icon: Code,
|
||||
label: "Models Trained",
|
||||
value: "20+",
|
||||
},
|
||||
{
|
||||
icon: Lightbulb,
|
||||
label: "Innovation Focus",
|
||||
value: "AI/ML",
|
||||
},
|
||||
{
|
||||
icon: Target,
|
||||
label: "Projects Shipped",
|
||||
value: "12",
|
||||
},
|
||||
{ icon: Code, label: "Models Trained", value: "20+" },
|
||||
{ icon: Lightbulb, label: "Innovation Focus", value: "AI/ML" },
|
||||
{ icon: Target, label: "Projects Shipped", value: "12" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -187,48 +93,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Auto-Scaler API",
|
||||
price: "AI/Infrastructure",
|
||||
variant: "Efficiency focus",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039367.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Neural UI Kits",
|
||||
price: "Design/Tech",
|
||||
variant: "User Interaction",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Data Insight Bot",
|
||||
price: "Analytics",
|
||||
variant: "Predictive ML",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-dashboard_23-2151957114.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Code Optimization Engine",
|
||||
price: "Developer Tooling",
|
||||
variant: "High-performance",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-workspace-with-advanced-tech-tools-enhancing-productivity_482257-119752.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Cognitive Workflow",
|
||||
price: "Productivity",
|
||||
variant: "AI-Integrated",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150165975.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Predictive Metric Suite",
|
||||
price: "BI/Tech",
|
||||
variant: "Dashboarding",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multicultural-team-women-leaders-hold-online-conference-call_482257-123708.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Auto-Scaler API", price: "AI/Infrastructure", variant: "Efficiency focus", imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039367.jpg" },
|
||||
{ id: "p2", name: "Neural UI Kits", price: "Design/Tech", variant: "User Interaction", imageSrc: "http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg" },
|
||||
{ id: "p3", name: "Data Insight Bot", price: "Analytics", variant: "Predictive ML", imageSrc: "http://img.b2bpic.net/free-photo/digital-dashboard_23-2151957114.jpg" },
|
||||
{ id: "p4", name: "Code Optimization Engine", price: "Developer Tooling", variant: "High-performance", imageSrc: "http://img.b2bpic.net/free-photo/empty-high-end-workspace-with-advanced-tech-tools-enhancing-productivity_482257-119752.jpg" },
|
||||
{ id: "p5", name: "Cognitive Workflow", price: "Productivity", variant: "AI-Integrated", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150165975.jpg" },
|
||||
{ id: "p6", name: "Predictive Metric Suite", price: "BI/Tech", variant: "Dashboarding", imageSrc: "http://img.b2bpic.net/free-photo/multicultural-team-women-leaders-hold-online-conference-call_482257-123708.jpg" }
|
||||
]}
|
||||
title="Experiments & Projects"
|
||||
description="High-impact technical projects showcasing early-stage mastery."
|
||||
@@ -240,21 +110,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Disciplined Execution",
|
||||
description: "Writing code not just to solve, but to scale systems effectively.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg",
|
||||
},
|
||||
{
|
||||
title: "Signal-Driven Identity",
|
||||
description: "Building in public to attract opportunity and mastery simultaneously.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-taking-break-from-computer-work-meditation_1163-5129.jpg",
|
||||
},
|
||||
{
|
||||
title: "Extreme Focus",
|
||||
description: "Reducing cognitive noise to solve complex problems in minimal time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-woman-typing-laptop_482257-131626.jpg",
|
||||
},
|
||||
{ title: "Disciplined Execution", description: "Writing code not just to solve, but to scale systems effectively.", imageSrc: "http://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg" },
|
||||
{ title: "Signal-Driven Identity", description: "Building in public to attract opportunity and mastery simultaneously.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-taking-break-from-computer-work-meditation_1163-5129.jpg" },
|
||||
{ title: "Extreme Focus", description: "Reducing cognitive noise to solve complex problems in minimal time.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-african-american-woman-typing-laptop_482257-131626.jpg" }
|
||||
]}
|
||||
title="Mastering the Future"
|
||||
description="A self-evolving mental model focused on speed, depth, and extreme clarity."
|
||||
@@ -269,36 +127,9 @@ export default function LandingPage() {
|
||||
title="Latest Insights"
|
||||
description="Weekly notes on AI development and personal systems."
|
||||
blogs={[
|
||||
{
|
||||
id: "b1",
|
||||
category: "AI",
|
||||
title: "The Speed of Learning",
|
||||
excerpt: "Reflections on deep technical acquisition.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-template_23-2148275644.jpg",
|
||||
authorName: "Ali Shaikh",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/pisces-portrait-beautiful-woman_23-2149275130.jpg",
|
||||
date: "Oct 2024",
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
category: "Growth",
|
||||
title: "Systems Thinking",
|
||||
excerpt: "Optimizing for high-potential outcomes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg",
|
||||
authorName: "Ali Shaikh",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/handsome-middle-aged-man-portrait-neon-lights_23-2149051809.jpg",
|
||||
date: "Sept 2024",
|
||||
},
|
||||
{
|
||||
id: "b3",
|
||||
category: "Tech",
|
||||
title: "Future of UI",
|
||||
excerpt: "Why minimalism wins.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-broker-looking-real-time-stock-market-sales-analyzing-global-trade-exchange-statistics-capital-money-investment-working-with-hegde-fund-index-profit-forex-trading-night_482257-46966.jpg",
|
||||
authorName: "Ali Shaikh",
|
||||
authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5121.jpg",
|
||||
date: "Aug 2024",
|
||||
},
|
||||
{ id: "b1", category: "AI", title: "The Speed of Learning", excerpt: "Reflections on deep technical acquisition.", imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-template_23-2148275644.jpg", authorName: "Ali Shaikh", authorAvatar: "http://img.b2bpic.net/free-photo/pisces-portrait-beautiful-woman_23-2149275130.jpg", date: "Oct 2024" },
|
||||
{ id: "b2", category: "Growth", title: "Systems Thinking", excerpt: "Optimizing for high-potential outcomes.", imageSrc: "http://img.b2bpic.net/free-photo/data-analytics-dashboard_23-2152001529.jpg", authorName: "Ali Shaikh", authorAvatar: "http://img.b2bpic.net/free-photo/handsome-middle-aged-man-portrait-neon-lights_23-2149051809.jpg", date: "Sept 2024" },
|
||||
{ id: "b3", category: "Tech", title: "Future of UI", excerpt: "Why minimalism wins.", imageSrc: "http://img.b2bpic.net/free-photo/woman-broker-looking-real-time-stock-market-sales-analyzing-global-trade-exchange-statistics-capital-money-investment-working-with-hegde-fund-index-profit-forex-trading-night_482257-46966.jpg", authorName: "Ali Shaikh", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5121.jpg", date: "Aug 2024" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -307,15 +138,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"GitHub",
|
||||
"Twitter",
|
||||
"ProductHunt",
|
||||
"LinkedIn",
|
||||
"Medium",
|
||||
"Dev.to",
|
||||
"Substack",
|
||||
]}
|
||||
names={["GitHub", "Twitter", "ProductHunt", "LinkedIn", "Medium", "Dev.to", "Substack"]}
|
||||
title="Presence & Presence"
|
||||
description="Recognized early-stage innovator across networks."
|
||||
/>
|
||||
@@ -324,57 +147,18 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Let’s Build Something Together."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Ali",
|
||||
href: "mailto:ali@shaikh.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Ali", href: "mailto:ali@shaikh.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Socials",
|
||||
items: [
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "GitHub",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:ali@shaikh.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navigation", items: [{ label: "About", href: "#about" }, { label: "Projects", href: "#projects" }] },
|
||||
{ title: "Socials", items: [{ label: "Twitter", href: "#" }, { label: "GitHub", href: "#" }] },
|
||||
{ title: "Contact", items: [{ label: "Email", href: "mailto:ali@shaikh.com" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Ali Shaikh"
|
||||
bottomRightText="Built in the future"
|
||||
@@ -383,4 +167,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user