Update src/app/page.tsx
This commit is contained in:
246
src/app/page.tsx
246
src/app/page.tsx
@@ -2,9 +2,9 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Abdul Moiz"
|
||||
/>
|
||||
@@ -60,26 +48,11 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-desk-concept-with-notepad_23-2148223076.jpg"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-elegant-business-woman-office-hall_1262-3017.jpg",
|
||||
alt: "Happy Elegant Business Woman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3797.jpg",
|
||||
alt: "Blond businessman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg",
|
||||
alt: "Confident middle aged businesswoman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1675.jpg",
|
||||
alt: "Young businessman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg",
|
||||
alt: "Smiling man posing",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-elegant-business-woman-office-hall_1262-3017.jpg", alt: "Happy Elegant Business Woman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3797.jpg", alt: "Blond businessman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg", alt: "Confident middle aged businesswoman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1675.jpg", alt: "Young businessman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg", alt: "Smiling man posing" },
|
||||
]}
|
||||
avatarText="Trusted by 80+ happy clients worldwide"
|
||||
/>
|
||||
@@ -105,42 +78,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Corporate Identity",
|
||||
price: "Branding",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk_23-2150440903.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marketing Collateral",
|
||||
price: "Print",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clean-white-paper-mockup-with-soft-shadow-overlay_9975-135525.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "App Design",
|
||||
price: "Digital",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-silver-laptop-with-blank-white-screen_9975-133821.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Typography Art",
|
||||
price: "Print",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/halftone-monochrome-collage_23-2151004976.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Premium Packaging",
|
||||
price: "Product",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/perfectly-organized-bakery-products_23-2150168246.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Editorial Layout",
|
||||
price: "Print",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-photo-editor-retouching-photographs-with-editing-software_482257-116572.jpg",
|
||||
},
|
||||
{ id: "1", name: "Corporate Identity", price: "Branding", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk_23-2150440903.jpg" },
|
||||
{ id: "2", name: "Marketing Collateral", price: "Print", imageSrc: "http://img.b2bpic.net/free-photo/clean-white-paper-mockup-with-soft-shadow-overlay_9975-135525.jpg" },
|
||||
{ id: "3", name: "App Design", price: "Digital", imageSrc: "http://img.b2bpic.net/free-photo/modern-silver-laptop-with-blank-white-screen_9975-133821.jpg" },
|
||||
{ id: "4", name: "Typography Art", price: "Print", imageSrc: "http://img.b2bpic.net/free-photo/halftone-monochrome-collage_23-2151004976.jpg" },
|
||||
{ id: "5", name: "Premium Packaging", price: "Product", imageSrc: "http://img.b2bpic.net/free-photo/perfectly-organized-bakery-products_23-2150168246.jpg" },
|
||||
{ id: "6", name: "Editorial Layout", price: "Print", imageSrc: "http://img.b2bpic.net/free-photo/portrait-photo-editor-retouching-photographs-with-editing-software_482257-116572.jpg" },
|
||||
]}
|
||||
title="Featured Projects"
|
||||
description="A curated collection of my most impactful work across branding, print, and digital media."
|
||||
@@ -154,26 +97,10 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
description: "Projects Completed",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "80+",
|
||||
description: "Happy Clients",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "12",
|
||||
description: "Global Brands",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "5",
|
||||
description: "Design Awards",
|
||||
},
|
||||
{ id: "m1", value: "150+", description: "Projects Completed" },
|
||||
{ id: "m2", value: "80+", description: "Happy Clients" },
|
||||
{ id: "m3", value: "12", description: "Global Brands" },
|
||||
{ id: "m4", value: "5", description: "Design Awards" },
|
||||
]}
|
||||
title="Impact by Numbers"
|
||||
description="Design driven by data and results."
|
||||
@@ -185,46 +112,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Exceptional Work",
|
||||
quote: "Abdul delivered a stunning identity that redefined our market presence.",
|
||||
name: "Sarah Miller",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Top Talent",
|
||||
quote: "His eye for detail is unmatched in the industry. Simply brilliant work.",
|
||||
name: "David Chan",
|
||||
role: "Marketing Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Game Changer",
|
||||
quote: "The new design system significantly increased our user engagement.",
|
||||
name: "Emma Wilson",
|
||||
role: "Founder",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-break_1098-14791.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Highly Recommend",
|
||||
quote: "Professional, punctual, and creatively outstanding in every project.",
|
||||
name: "Marcus Thorne",
|
||||
role: "CTO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businessman-works-laptop_1163-5473.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Visionary",
|
||||
quote: "He knows exactly how to bridge brand strategy with visual aesthetics.",
|
||||
name: "Sofia Rossi",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",
|
||||
},
|
||||
{ id: "1", title: "Exceptional Work", quote: "Abdul delivered a stunning identity that redefined our market presence.", name: "Sarah Miller", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg" },
|
||||
{ id: "2", title: "Top Talent", quote: "His eye for detail is unmatched in the industry. Simply brilliant work.", name: "David Chan", role: "Marketing Director", imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg" },
|
||||
{ id: "3", title: "Game Changer", quote: "The new design system significantly increased our user engagement.", name: "Emma Wilson", role: "Founder", imageSrc: "http://img.b2bpic.net/free-photo/coffee-break_1098-14791.jpg" },
|
||||
{ id: "4", title: "Highly Recommend", quote: "Professional, punctual, and creatively outstanding in every project.", name: "Marcus Thorne", role: "CTO", imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businessman-works-laptop_1163-5473.jpg" },
|
||||
{ id: "5", title: "Visionary", quote: "He knows exactly how to bridge brand strategy with visual aesthetics.", name: "Sofia Rossi", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg" },
|
||||
]}
|
||||
title="Client Success"
|
||||
description="Don't just take my word for it. Here is what my clients say."
|
||||
@@ -235,98 +127,44 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TechCorp",
|
||||
"Fashionify",
|
||||
"DesignStudio",
|
||||
"AppFlow",
|
||||
"CraveBistro",
|
||||
"ShopEase",
|
||||
"HealthUp",
|
||||
]}
|
||||
names={["TechCorp", "Fashionify", "DesignStudio", "AppFlow", "CraveBistro", "ShopEase", "HealthUp"]}
|
||||
title="Collaborated With"
|
||||
description="Trusted by visionary brands around the globe."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
<FaqSplitText
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What is your typical design process?",
|
||||
content: "I begin with discovery and research, move to sketching and prototyping, then refined design and final delivery.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you handle print production?",
|
||||
content: "Yes, I offer full print-ready files and can manage vendor coordination if required.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How long does a project take?",
|
||||
content: "Timeline depends on scope, but branding typically takes 2-4 weeks. I provide a detailed schedule per project.",
|
||||
},
|
||||
{ id: "f1", title: "What is your typical design process?", content: "I begin with discovery and research, move to sketching and prototyping, then refined design and final delivery." },
|
||||
{ id: "f2", title: "Do you handle print production?", content: "Yes, I offer full print-ready files and can manage vendor coordination if required." },
|
||||
{ id: "f3", title: "How long does a project take?", content: "Timeline depends on scope, but branding typically takes 2-4 weeks. I provide a detailed schedule per project." },
|
||||
]}
|
||||
title="Design Queries"
|
||||
description="Answers to commonly asked questions."
|
||||
sideTitle="Design Queries"
|
||||
sideDescription="Answers to commonly asked questions."
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
<ContactText
|
||||
text="Let's create something extraordinary together."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Start Your Project"
|
||||
description="Let's create something extraordinary together."
|
||||
tag="Contact"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navigation", items: [{ label: "About", href: "#about" }, { label: "Portfolio", href: "#portfolio" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
logoText="Abdul Moiz"
|
||||
copyrightText="© 2025 Abdul Moiz. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user