Update src/app/page.tsx
This commit is contained in:
235
src/app/page.tsx
235
src/app/page.tsx
@@ -33,37 +33,21 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Skills",
|
||||
id: "skills",
|
||||
},
|
||||
name: "Skills", id: "skills"},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "experience",
|
||||
},
|
||||
name: "Experience", id: "experience"},
|
||||
{
|
||||
name: "Education",
|
||||
id: "education",
|
||||
},
|
||||
name: "Education", id: "education"},
|
||||
{
|
||||
name: "Social Proof",
|
||||
id: "social-proof",
|
||||
},
|
||||
name: "Social Proof", id: "social-proof"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2xvbn1"
|
||||
logoAlt="Mohammed Amine Belalia Logo"
|
||||
@@ -77,74 +61,38 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Mohammed Amine Belalia (Amin)"
|
||||
description="AI Solutions Architect | Professional Video Editor | Business Coach"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Chen",
|
||||
handle: "@sarah_c",
|
||||
testimonial: "Amin's AI solutions transformed our operations, bringing efficiency we never thought possible. A true visionary!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2149022640.jpg",
|
||||
imageAlt: "Sarah Chen avatar",
|
||||
},
|
||||
name: "Sarah Chen", handle: "@sarah_c", testimonial: "Amin's AI solutions transformed our operations, bringing efficiency we never thought possible. A true visionary!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2149022640.jpg", imageAlt: "Sarah Chen avatar"},
|
||||
{
|
||||
name: "David Lee",
|
||||
handle: "@david_l",
|
||||
testimonial: "The video content Amin produced was beyond exceptional. His cinematic eye and editing skills are unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-black-woman-with-afro-haircut-uses-mobile-phone-satisfied-poses-outdoor-private-sector-near-her-house_273609-18705.jpg",
|
||||
imageAlt: "David Lee avatar",
|
||||
},
|
||||
name: "David Lee", handle: "@david_l", testimonial: "The video content Amin produced was beyond exceptional. His cinematic eye and editing skills are unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-black-woman-with-afro-haircut-uses-mobile-phone-satisfied-poses-outdoor-private-sector-near-her-house_273609-18705.jpg", imageAlt: "David Lee avatar"},
|
||||
{
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@emily_r",
|
||||
testimonial: "As a business coach, Amin's guidance on digital product launches was invaluable. He truly understands market scaling.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-businessman-standing-against-grey-wall-clenching-his-fist_23-2148087510.jpg",
|
||||
imageAlt: "Emily Rodriguez avatar",
|
||||
},
|
||||
name: "Emily Rodriguez", handle: "@emily_r", testimonial: "As a business coach, Amin's guidance on digital product launches was invaluable. He truly understands market scaling.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-businessman-standing-against-grey-wall-clenching-his-fist_23-2148087510.jpg", imageAlt: "Emily Rodriguez avatar"},
|
||||
{
|
||||
name: "Michael Kim",
|
||||
handle: "@michael_k",
|
||||
testimonial: "Amin's expertise in prompt engineering and autonomous AI agents is groundbreaking. Highly recommend his services.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-headphones_23-2149005920.jpg",
|
||||
imageAlt: "Michael Kim avatar",
|
||||
},
|
||||
name: "Michael Kim", handle: "@michael_k", testimonial: "Amin's expertise in prompt engineering and autonomous AI agents is groundbreaking. Highly recommend his services.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-headphones_23-2149005920.jpg", imageAlt: "Michael Kim avatar"},
|
||||
{
|
||||
name: "Jessica Wang",
|
||||
handle: "@jessica_w",
|
||||
testimonial: "From concept to final cut, Amin delivered stunning visuals that captivated our audience. A master of storytelling.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg",
|
||||
imageAlt: "Jessica Wang avatar",
|
||||
},
|
||||
name: "Jessica Wang", handle: "@jessica_w", testimonial: "From concept to final cut, Amin delivered stunning visuals that captivated our audience. A master of storytelling.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg", imageAlt: "Jessica Wang avatar"},
|
||||
]}
|
||||
testimonialRotationInterval={5000}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136890.jpg",
|
||||
alt: "Client avatar 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136890.jpg", alt: "Client avatar 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
|
||||
alt: "Client avatar 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg", alt: "Client avatar 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",
|
||||
alt: "Client avatar 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg", alt: "Client avatar 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153830.jpg",
|
||||
alt: "Client avatar 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153830.jpg", alt: "Client avatar 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg",
|
||||
alt: "Handsome businessman wearing glasses",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg", alt: "Handsome businessman wearing glasses"},
|
||||
]}
|
||||
avatarText="Trusted by leading innovators."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/successful-middle-eastern-employee-handling-financial-planning_482257-128579.jpg"
|
||||
@@ -152,28 +100,18 @@ export default function LandingPage() {
|
||||
mediaAnimation="entrance-slide"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "AI Automation",
|
||||
icon: Lightbulb,
|
||||
type: "text-icon", text: "AI Automation", icon: Lightbulb,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Video Production",
|
||||
icon: Video,
|
||||
type: "text-icon", text: "Video Production", icon: Video,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "E-commerce Strategy",
|
||||
type: "text", text: "E-commerce Strategy"},
|
||||
{
|
||||
type: "text-icon", text: "Business Coaching", icon: Users,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Business Coaching",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Digital Innovation",
|
||||
},
|
||||
type: "text", text: "Digital Innovation"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -183,12 +121,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Forward-thinking AI Solutions Architect, Electrotechnical Engineer, and Professional Video Editor with a proven track record of blending rigorous technical innovation with cinematic storytelling. Expert in designing advanced AI automation workflows (n8n, API integrations) and producing high-end, hyper-realistic visual content. Experienced e-commerce strategist and business coach skilled in digital product launches, community management, and global market scaling.",
|
||||
},
|
||||
type: "text", content: "Forward-thinking AI Solutions Architect, Electrotechnical Engineer, and Professional Video Editor with a proven track record of blending rigorous technical innovation with cinematic storytelling. Expert in designing advanced AI automation workflows (n8n, API integrations) and producing high-end, hyper-realistic visual content. Experienced e-commerce strategist and business coach skilled in digital product launches, community management, and global market scaling."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/white-light-stripes_23-2147798924.jpg"
|
||||
imageAlt="AI automation and cinematic storytelling concept"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -200,24 +134,16 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Lightbulb,
|
||||
title: "AI & Automation Architecture",
|
||||
description: "Expert in n8n Workflow Automation, Claude/Gemini API integration, Manychat, SocialBee, Loomsuite, Prompt Engineering, and Autonomous AI Agents.",
|
||||
},
|
||||
title: "AI & Automation Architecture", description: "Expert in n8n Workflow Automation, Claude/Gemini API integration, Manychat, SocialBee, Loomsuite, Prompt Engineering, and Autonomous AI Agents."},
|
||||
{
|
||||
icon: Video,
|
||||
title: "Cinematography & Video Editing",
|
||||
description: "Proficient in Adobe After Effects, CapCut, UGC Design, Cinematic Chiaroscuro Lighting, 8K Framing, Color Grading (LUTs), and Macro Realism.",
|
||||
},
|
||||
title: "Cinematography & Video Editing", description: "Proficient in Adobe After Effects, CapCut, UGC Design, Cinematic Chiaroscuro Lighting, 8K Framing, Color Grading (LUTs), and Macro Realism."},
|
||||
{
|
||||
icon: ShoppingCart,
|
||||
title: "E-Commerce & Digital Marketing",
|
||||
description: "Skilled in Storefront Optimization (YouCan, Whop), International Payment Gateways (PayPal, Wise, LBank), and Community Management (Skool Platform).",
|
||||
},
|
||||
title: "E-Commerce & Digital Marketing", description: "Skilled in Storefront Optimization (YouCan, Whop), International Payment Gateways (PayPal, Wise, LBank), and Community Management (Skool Platform)."},
|
||||
{
|
||||
icon: Cloud,
|
||||
title: "Cloud & Core Tech",
|
||||
description: "Foundational knowledge in Firebase, Google Cloud Platform (GCP), and Data Science principles.",
|
||||
},
|
||||
title: "Cloud & Core Tech", description: "Foundational knowledge in Firebase, Google Cloud Platform (GCP), and Data Science principles."},
|
||||
]}
|
||||
title="Technical Expertise & Tools"
|
||||
description="Blending rigorous technical innovation with cinematic storytelling across diverse domains."
|
||||
@@ -233,26 +159,11 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
members={[
|
||||
{
|
||||
id: "exp-1",
|
||||
name: "AI Solutions Architect & Business Coach",
|
||||
role: "Freelance / Self-employed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/saas-concept-collage_23-2149399279.jpg",
|
||||
imageAlt: "AI Solutions Architect working",
|
||||
},
|
||||
id: "exp-1", name: "AI Solutions Architect & Business Coach", role: "Freelance / Self-employed", imageSrc: "http://img.b2bpic.net/free-photo/saas-concept-collage_23-2149399279.jpg", imageAlt: "AI Solutions Architect working"},
|
||||
{
|
||||
id: "exp-2",
|
||||
name: "Professional Video Editor & Content Creator",
|
||||
role: "Freelance",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-lady-designer-night-using-computer_171337-15700.jpg",
|
||||
imageAlt: "Video editor at work",
|
||||
},
|
||||
id: "exp-2", name: "Professional Video Editor & Content Creator", role: "Freelance", imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-lady-designer-night-using-computer_171337-15700.jpg", imageAlt: "Video editor at work"},
|
||||
{
|
||||
id: "exp-3",
|
||||
name: "Digital Product Publisher & E-Commerce Strategist",
|
||||
role: "Self-employed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-pen-collection-icons_1134-285.jpg",
|
||||
imageAlt: "E-commerce strategist",
|
||||
},
|
||||
id: "exp-3", name: "Digital Product Publisher & E-Commerce Strategist", role: "Self-employed", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-pen-collection-icons_1134-285.jpg", imageAlt: "E-commerce strategist"},
|
||||
]}
|
||||
title="Professional Journey & Impact"
|
||||
description="Leveraging AI, creativity, and strategic insights to drive transformative results for businesses and creators."
|
||||
@@ -267,15 +178,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "edu-1",
|
||||
value: "State Engineer's Degree",
|
||||
description: "Electrotechnical Engineering - University of Tlemcen, Algeria",
|
||||
},
|
||||
id: "edu-1", value: "State Engineer's Degree", description: "Electrotechnical Engineering - University of Tlemcen, Algeria"},
|
||||
{
|
||||
id: "edu-2",
|
||||
value: "Data Science & AI Pathways",
|
||||
description: "Continuous Professional Development - 365 Data Science",
|
||||
},
|
||||
id: "edu-2", value: "Data Science & AI Pathways", description: "Continuous Professional Development - 365 Data Science"},
|
||||
]}
|
||||
title="Education & Continuous Growth"
|
||||
description="Combining a strong engineering foundation with cutting-edge expertise in data science and artificial intelligence."
|
||||
@@ -287,14 +192,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"AI Innovators Inc.",
|
||||
"Cinematic Studios",
|
||||
"E-Commerce Solutions Hub",
|
||||
"Global Tech Leaders",
|
||||
"Digital Growth Partners",
|
||||
"Creative Media Corp",
|
||||
"Automation Experts",
|
||||
]}
|
||||
"AI Innovators Inc.", "Cinematic Studios", "E-Commerce Solutions Hub", "Global Tech Leaders", "Digital Growth Partners", "Creative Media Corp", "Automation Experts"]}
|
||||
title="Trusted Expertise & Collaboration"
|
||||
description="Partnering with industry leaders and leveraging cutting-edge platforms to deliver excellence."
|
||||
/>
|
||||
@@ -308,25 +206,15 @@ export default function LandingPage() {
|
||||
author="Dr. Anya Sharma, Lead Data Scientist"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-black-jacket_613910-2534.jpg",
|
||||
alt: "Anya Sharma avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-black-jacket_613910-2534.jpg", alt: "Anya Sharma avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg",
|
||||
alt: "Robert Garcia avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg", alt: "Robert Garcia avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
|
||||
alt: "Sophia Miller avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg", alt: "Sophia Miller avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
|
||||
alt: "Chris Evans avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", alt: "Chris Evans avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businesswoman-happy-be-back-work_23-2148727621.jpg",
|
||||
alt: "Businesswoman happy to be back at work",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/businesswoman-happy-be-back-work_23-2148727621.jpg", alt: "Businesswoman happy to be back at work"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -340,27 +228,16 @@ export default function LandingPage() {
|
||||
description="Reach out for collaborations, coaching, or project inquiries. I'm always eager to explore new opportunities."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "text",
|
||||
placeholder: "Your Phone Number (Optional)",
|
||||
},
|
||||
name: "phone", type: "text", placeholder: "Your Phone Number (Optional)"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your Message",
|
||||
rows: 5,
|
||||
name: "message", placeholder: "Your Message", rows: 5,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/polygonal-abstract-shapes-network-connection-big-data-concept_90220-460.jpg"
|
||||
@@ -380,19 +257,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "LinkedIn profile",
|
||||
},
|
||||
href: "#", ariaLabel: "LinkedIn profile"},
|
||||
{
|
||||
icon: Mail,
|
||||
href: "mailto:amine1660belalia@gmail.com",
|
||||
ariaLabel: "Email",
|
||||
},
|
||||
href: "mailto:amine1660belalia@gmail.com", ariaLabel: "Email"},
|
||||
{
|
||||
icon: Phone,
|
||||
href: "tel:01017320011504",
|
||||
ariaLabel: "Phone number",
|
||||
},
|
||||
href: "tel:01017320011504", ariaLabel: "Phone number"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user