Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 7c9a565409 | |||
| 4f66b7f866 | |||
| 50a42be91a | |||
| bc9f100386 | |||
| 0b4e587d16 | |||
| 42916c349f |
125
src/app/page.tsx
125
src/app/page.tsx
@@ -32,46 +32,31 @@ export default function LandingPage() {
|
|||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Services",
|
name: "Services", id: "services"},
|
||||||
id: "services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Hanan Ahmed"
|
brandName="Hanan Ahmed"
|
||||||
button={{
|
button={{
|
||||||
text: "Contact Me",
|
text: "Contact Me", href: "#contact"}}
|
||||||
href: "#contact",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroLogoBillboard
|
<HeroLogoBillboard
|
||||||
background={{
|
background={{
|
||||||
variant: "glowing-orb",
|
variant: "glowing-orb"}}
|
||||||
}}
|
logoText="Building High-Performance Digital Solutions for Modern Brands"
|
||||||
logoText="Hanan Ahmed"
|
|
||||||
description="Professional Digital Services Provider. Delivering cutting-edge web development, design, and digital solutions with a futuristic edge."
|
description="Professional Digital Services Provider. Delivering cutting-edge web development, design, and digital solutions with a futuristic edge."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Contact Me",
|
text: "Contact Me", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Learn More",
|
text: "Learn More", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/low-angle-view-skylight-hong-kong-residential-old-architecture_181624-34813.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/low-angle-view-skylight-hong-kong-residential-old-architecture_181624-34813.jpg"
|
||||||
mediaAnimation="blur-reveal"
|
mediaAnimation="blur-reveal"
|
||||||
@@ -99,24 +84,16 @@ export default function LandingPage() {
|
|||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
icon: Globe,
|
icon: Globe,
|
||||||
title: "Web Development",
|
title: "Web Development", description: "Responsive, fast, and secure websites tailored to your unique business needs."},
|
||||||
description: "Responsive, fast, and secure websites tailored to your unique business needs.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Palette,
|
icon: Palette,
|
||||||
title: "Logo Design",
|
title: "Logo Design", description: "Striking, memorable brand identities that resonate with your target audience."},
|
||||||
description: "Striking, memorable brand identities that resonate with your target audience.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Video,
|
icon: Video,
|
||||||
title: "Video Editing",
|
title: "Video Editing", description: "Professional editing services for cinematic storytelling and engaging digital content."},
|
||||||
description: "Professional editing services for cinematic storytelling and engaging digital content.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Database,
|
icon: Database,
|
||||||
title: "Data Entry",
|
title: "Data Entry", description: "Accurate, structured, and efficient data management services for small and large projects."},
|
||||||
description: "Accurate, structured, and efficient data management services for small and large projects.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Digital Expertise"
|
title="Digital Expertise"
|
||||||
description="Transforming concepts into high-performing digital assets."
|
description="Transforming concepts into high-performing digital assets."
|
||||||
@@ -128,14 +105,7 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
names={[
|
names={[
|
||||||
"Cybernet",
|
"Cybernet", "Flux Design", "Nova Tech", "Digital Spark", "Pixel Perfect", "DataCore", "FutureFlow"]}
|
||||||
"Flux Design",
|
|
||||||
"Nova Tech",
|
|
||||||
"Digital Spark",
|
|
||||||
"Pixel Perfect",
|
|
||||||
"DataCore",
|
|
||||||
"FutureFlow",
|
|
||||||
]}
|
|
||||||
title="Clients & Partners"
|
title="Clients & Partners"
|
||||||
description="Trusted by forward-thinking brands across the digital sector."
|
description="Trusted by forward-thinking brands across the digital sector."
|
||||||
/>
|
/>
|
||||||
@@ -149,20 +119,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", value: "150+", description: "Projects Completed"},
|
||||||
value: "150+",
|
|
||||||
description: "Projects Completed",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", value: "100%", description: "Client Satisfaction"},
|
||||||
value: "100%",
|
|
||||||
description: "Client Satisfaction",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", value: "24/7", description: "Always Available Support"},
|
||||||
value: "24/7",
|
|
||||||
description: "Service Availability",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Performance Impact"
|
title="Performance Impact"
|
||||||
description="Evidence of high-quality delivery and client success."
|
description="Evidence of high-quality delivery and client success."
|
||||||
@@ -175,20 +136,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "q1",
|
id: "q1", title: "How do I start a project?", content: "Fill out our discovery form, and we'll schedule a 15-minute scoping call to define your goals and deliverables."},
|
||||||
title: "How do I start a project?",
|
|
||||||
content: "Simply fill out the contact form or send me an email, and we'll discuss your requirements.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q2",
|
id: "q2", title: "What is your turnaround time?", content: "Most projects are completed within 7-14 business days, depending on scope, with regular milestones for your feedback."},
|
||||||
title: "What is your turnaround time?",
|
|
||||||
content: "It depends on the complexity of the project, but I prioritize fast and reliable delivery.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q3",
|
id: "q3", title: "Do you offer maintenance?", content: "I provide 30 days of post-launch support included, plus optional monthly maintenance packages for ongoing updates."},
|
||||||
title: "Do you offer maintenance?",
|
|
||||||
content: "Yes, I offer ongoing maintenance for web projects to ensure long-term stability and performance.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Common Inquiries"
|
title="Common Inquiries"
|
||||||
description="Frequently asked questions about working with me."
|
description="Frequently asked questions about working with me."
|
||||||
@@ -200,18 +152,13 @@ export default function LandingPage() {
|
|||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{
|
||||||
variant: "rotated-rays-animated",
|
variant: "rotated-rays-animated"}}
|
||||||
}}
|
|
||||||
text="Ready to bring your digital vision to life? Let's connect."
|
text="Ready to bring your digital vision to life? Let's connect."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Email Me",
|
text: "Email Me", href: "mailto:hanan@digital.com"},
|
||||||
href: "mailto:hanan@digital.com",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Call Now",
|
text: "Call Now", href: "tel:+123456789"},
|
||||||
href: "tel:+123456789",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -222,37 +169,25 @@ export default function LandingPage() {
|
|||||||
{
|
{
|
||||||
items: [
|
items: [
|
||||||
{
|
{
|
||||||
label: "Services",
|
label: "Services", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "About",
|
label: "About", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
items: [
|
items: [
|
||||||
{
|
{
|
||||||
label: "X (Twitter)",
|
label: "X (Twitter)", href: "https://twitter.com"},
|
||||||
href: "https://twitter.com",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Instagram",
|
label: "Instagram", href: "https://instagram.com"},
|
||||||
href: "https://instagram.com",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
items: [
|
items: [
|
||||||
{
|
{
|
||||||
label: "Privacy Policy",
|
label: "Privacy Policy", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Terms of Use",
|
label: "Terms of Use", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -262,4 +197,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user