Merge version_1 into main #1
271
src/app/page.tsx
271
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Work",
|
||||
id: "#work",
|
||||
},
|
||||
name: "Work", id: "#work"},
|
||||
{
|
||||
name: "Process",
|
||||
id: "#process",
|
||||
},
|
||||
name: "Process", id: "#process"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Muhammed Hassan"
|
||||
/>
|
||||
@@ -55,112 +47,65 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
variant: "canvas-reveal"}}
|
||||
title="Marketing that ships. Not just decks."
|
||||
description="I help brands turn ideas into real, sellable products — from concept to production. Powered by AI, grounded in execution."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-abstract-shadows_23-2149054741.jpg",
|
||||
imageAlt: "Streetwear project 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-abstract-shadows_23-2149054741.jpg", imageAlt: "Streetwear project 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-flannel-shirt-detail_23-2149575391.jpg",
|
||||
imageAlt: "Streetwear project 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-flannel-shirt-detail_23-2149575391.jpg", imageAlt: "Streetwear project 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-overloaded-bullet-journal_23-2150248199.jpg",
|
||||
imageAlt: "Streetwear project 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-overloaded-bullet-journal_23-2150248199.jpg", imageAlt: "Streetwear project 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-shot-young-businesswoman-fashion-designer-reviewing-her-clothes-design-sketches_181624-57573.jpg",
|
||||
imageAlt: "Streetwear project 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-shot-young-businesswoman-fashion-designer-reviewing-her-clothes-design-sketches_181624-57573.jpg", imageAlt: "Streetwear project 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-stationery-thin-paper_23-2148838826.jpg",
|
||||
imageAlt: "Streetwear project 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-stationery-thin-paper_23-2148838826.jpg", imageAlt: "Streetwear project 5"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-client-wheelchair-examining-clothes-racks-retail-store_482257-118472.jpg",
|
||||
imageAlt: "Streetwear project 6",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-client-wheelchair-examining-clothes-racks-retail-store_482257-118472.jpg", imageAlt: "Streetwear project 6"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-cards-brochure_23-2147725096.jpg",
|
||||
imageAlt: "Service 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-cards-brochure_23-2147725096.jpg", imageAlt: "Service 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glamorous-fashion-weeks-collage_23-2149324301.jpg",
|
||||
imageAlt: "Service 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glamorous-fashion-weeks-collage_23-2149324301.jpg", imageAlt: "Service 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/macro-close-up-brown-red-feather-background_23-2148114632.jpg",
|
||||
imageAlt: "Service 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/macro-close-up-brown-red-feather-background_23-2148114632.jpg", imageAlt: "Service 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-medical-mask-outside_23-2148777597.jpg",
|
||||
imageAlt: "Service 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-medical-mask-outside_23-2148777597.jpg", imageAlt: "Service 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-stationery-set-isolated-white-3d-render_211682-243.jpg",
|
||||
imageAlt: "Service 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-stationery-set-isolated-white-3d-render_211682-243.jpg", imageAlt: "Service 5"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/retro-maximalist-web-template_23-2149010739.jpg",
|
||||
imageAlt: "Service 6",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/retro-maximalist-web-template_23-2149010739.jpg", imageAlt: "Service 6"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Free Strategy Call",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book a Free Strategy Call", href: "#contact"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/jewish-shape-star-with-shadow_23-2148330477.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/jewish-shape-star-with-shadow_23-2148330477.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-wearing-minimalist-shirt_23-2149317779.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-wearing-minimalist-shirt_23-2149317779.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beige-gypsum-panel-with-copy-space_53876-101319.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beige-gypsum-panel-with-copy-space_53876-101319.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-wearing-minimalist-shirt_23-2149317770.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-wearing-minimalist-shirt_23-2149317770.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dried-palm-leaves-pink-background_53876-160520.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/dried-palm-leaves-pink-background_53876-160520.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Trusted by 50+ innovative brands"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Brand Strategy",
|
||||
},
|
||||
type: "text", text: "Brand Strategy"},
|
||||
{
|
||||
type: "text",
|
||||
text: "AI Design",
|
||||
},
|
||||
type: "text", text: "AI Design"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Production",
|
||||
},
|
||||
type: "text", text: "Production"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Market Shipping",
|
||||
},
|
||||
type: "text", text: "Market Shipping"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Consulting",
|
||||
},
|
||||
type: "text", text: "Consulting"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -171,20 +116,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Brand & Creative Direction",
|
||||
description: "Defining the core narrative and visual soul of the brand to ensure consistent market impact.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-classic-chess-boards_52683-112923.jpg",
|
||||
},
|
||||
title: "Brand & Creative Direction", description: "Defining the core narrative and visual soul of the brand to ensure consistent market impact.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-classic-chess-boards_52683-112923.jpg"},
|
||||
{
|
||||
title: "AI-Powered Design Production",
|
||||
description: "Synthesizing AI toolsets with traditional production knowledge for rapid, high-fidelity prototypes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-wearing-futuristic-high-tech-virtual-reality-glasses_23-2151141697.jpg",
|
||||
},
|
||||
title: "AI-Powered Design Production", description: "Synthesizing AI toolsets with traditional production knowledge for rapid, high-fidelity prototypes.", imageSrc: "http://img.b2bpic.net/free-photo/person-wearing-futuristic-high-tech-virtual-reality-glasses_23-2151141697.jpg"},
|
||||
{
|
||||
title: "Client–Vendor Project Management",
|
||||
description: "Managing the bridge between international brands and local production vendors for flawless delivery.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-transport-concept-with-car-pieces_23-2148996483.jpg",
|
||||
},
|
||||
title: "Client–Vendor Project Management", description: "Managing the bridge between international brands and local production vendors for flawless delivery.", imageSrc: "http://img.b2bpic.net/free-photo/urban-transport-concept-with-car-pieces_23-2148996483.jpg"},
|
||||
]}
|
||||
title="What I Do"
|
||||
description="Driving brand strategy with AI-powered production precision."
|
||||
@@ -199,47 +135,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Urban Core Apparel",
|
||||
price: "AI-Integrated Launch",
|
||||
variant: "Streetwear",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shallow-focus-two-black-men-standing-against-red-wall_181624-56204.jpg",
|
||||
},
|
||||
id: "p1", name: "Urban Core Apparel", price: "AI-Integrated Launch", variant: "Streetwear", imageSrc: "http://img.b2bpic.net/free-photo/shallow-focus-two-black-men-standing-against-red-wall_181624-56204.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Kairo Identity Kit",
|
||||
price: "Brand Refresh",
|
||||
variant: "Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-adult-woman-presenting-business-project_23-2148694473.jpg",
|
||||
},
|
||||
id: "p2", name: "Kairo Identity Kit", price: "Brand Refresh", variant: "Design", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-adult-woman-presenting-business-project_23-2148694473.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Vibe Production Lines",
|
||||
price: "Retail rollout",
|
||||
variant: "Production",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/love-style-instas-decor_209303-56.jpg",
|
||||
},
|
||||
id: "p3", name: "Vibe Production Lines", price: "Retail rollout", variant: "Production", imageSrc: "http://img.b2bpic.net/free-photo/love-style-instas-decor_209303-56.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Future Print Collection",
|
||||
price: "Concept to Shelf",
|
||||
variant: "Print",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-against-neon-background_89887-1131.jpg",
|
||||
},
|
||||
id: "p4", name: "Future Print Collection", price: "Concept to Shelf", variant: "Print", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-against-neon-background_89887-1131.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Modern Muse Strategy",
|
||||
price: "Creative Direction",
|
||||
variant: "Brand",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-envelopes-business-cards-isolated-white_211682-250.jpg",
|
||||
},
|
||||
id: "p5", name: "Modern Muse Strategy", price: "Creative Direction", variant: "Brand", imageSrc: "http://img.b2bpic.net/free-photo/blank-envelopes-business-cards-isolated-white_211682-250.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Global Street Drop",
|
||||
price: "Vendor Management",
|
||||
variant: "Logistics",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/modern-business-banner-template-with-image_23-2148149678.jpg",
|
||||
},
|
||||
id: "p6", name: "Global Street Drop", price: "Vendor Management", variant: "Logistics", imageSrc: "http://img.b2bpic.net/free-psd/modern-business-banner-template-with-image_23-2148149678.jpg"},
|
||||
]}
|
||||
title="Selected Work"
|
||||
description="Projects that bridge the gap between creative decks and physical production."
|
||||
@@ -249,37 +155,20 @@ export default function LandingPage() {
|
||||
<div id="process" data-section="process">
|
||||
<MetricCardSeven
|
||||
textboxLayout="split"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "01",
|
||||
title: "Discover",
|
||||
items: [
|
||||
"Context alignment",
|
||||
"Market analysis",
|
||||
"Goal definition",
|
||||
],
|
||||
id: "m1", value: "01", title: "Discover", items: [
|
||||
"Context alignment", "Market analysis", "Goal definition"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "02",
|
||||
title: "Design",
|
||||
items: [
|
||||
"AI prototyping",
|
||||
"Brand strategy",
|
||||
"Production plan",
|
||||
],
|
||||
id: "m2", value: "02", title: "Design", items: [
|
||||
"AI prototyping", "Brand strategy", "Production plan"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "03",
|
||||
title: "Deliver",
|
||||
items: [
|
||||
"Vendor liaison",
|
||||
"Quality control",
|
||||
"Market shipment",
|
||||
],
|
||||
id: "m3", value: "03", title: "Deliver", items: [
|
||||
"Vendor liaison", "Quality control", "Market shipment"],
|
||||
},
|
||||
]}
|
||||
title="How I Work"
|
||||
@@ -294,40 +183,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Hassan",
|
||||
handle: "CEO, Urban Apparel",
|
||||
testimonial: "Muhammed transformed our streetwear line production speed significantly using his AI-workflow. Exceptional insight.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-against-blur-backdrop_23-2148130407.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Hassan", handle: "CEO, Urban Apparel", testimonial: "Muhammed transformed our streetwear line production speed significantly using his AI-workflow. Exceptional insight.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man-against-blur-backdrop_23-2148130407.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Omar K.",
|
||||
handle: "Brand Director, Kairo",
|
||||
testimonial: "His bridge between production vendors and high-level strategy is the missing link every brand needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-with-projector_23-2149424950.jpg",
|
||||
},
|
||||
id: "t2", name: "Omar K.", handle: "Brand Director, Kairo", testimonial: "His bridge between production vendors and high-level strategy is the missing link every brand needs.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-with-projector_23-2149424950.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rossi",
|
||||
handle: "Creative Lead, Int-Brand",
|
||||
testimonial: "The precision in his design prototyping using AI-tools is unmatched. Truly forward-thinking execution.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-girl-dressed-plaid-blaizer-turtleneck-sweater-looking-thoughtful-outdoor_574295-2015.jpg",
|
||||
},
|
||||
id: "t3", name: "Elena Rossi", handle: "Creative Lead, Int-Brand", testimonial: "The precision in his design prototyping using AI-tools is unmatched. Truly forward-thinking execution.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-girl-dressed-plaid-blaizer-turtleneck-sweater-looking-thoughtful-outdoor_574295-2015.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Marc L.",
|
||||
handle: "Founder, WearTech",
|
||||
testimonial: "A rare blend of high-level creative direction and deep production reality. Muhammed is a powerhouse.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freelancing-is-good-idea-independent-person_329181-12349.jpg",
|
||||
},
|
||||
id: "t4", name: "Marc L.", handle: "Founder, WearTech", testimonial: "A rare blend of high-level creative direction and deep production reality. Muhammed is a powerhouse.", imageSrc: "http://img.b2bpic.net/free-photo/freelancing-is-good-idea-independent-person_329181-12349.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Zaid F.",
|
||||
handle: "Marketing Manager",
|
||||
testimonial: "He turned our concepts into physical realities with zero friction. Seamless execution from day one.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",
|
||||
},
|
||||
id: "t5", name: "Zaid F.", handle: "Marketing Manager", testimonial: "He turned our concepts into physical realities with zero friction. Seamless execution from day one.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg"},
|
||||
]}
|
||||
title="Client Validation"
|
||||
description="Voices from regional and international brands."
|
||||
@@ -351,8 +215,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
tag="Let's connect"
|
||||
title="Have a brand worth building?"
|
||||
description="Book a free strategy call today. Let's discuss how we can turn your ideas into sellable reality."
|
||||
@@ -367,41 +230,25 @@ export default function LandingPage() {
|
||||
logoText="Muhammed Hassan"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Work",
|
||||
href: "#work",
|
||||
},
|
||||
label: "Work", href: "#work"},
|
||||
{
|
||||
label: "Process",
|
||||
href: "#process",
|
||||
},
|
||||
label: "Process", href: "#process"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "WhatsApp: 01090965123",
|
||||
href: "https://wa.me/201090965123",
|
||||
},
|
||||
label: "WhatsApp: 01090965123", href: "https://wa.me/201090965123"},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
label: "LinkedIn", href: "#"},
|
||||
{
|
||||
label: "Cairo, Egypt",
|
||||
href: "#",
|
||||
},
|
||||
label: "Cairo, Egypt", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user