bender/a14c29ed-4684-414e-9946-bc365836e78b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-06-02 17:31:24 +00:00
parent 4c2a5d28b0 a33fe85137
commit 0fa78c2822
1 changed files with 60 additions and 194 deletions
Download Patch File Download Diff File Expand all files Collapse all files

254
src/app/page.tsx
View File

@@ -32,150 +32,86 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Services",
id: "services",
},
name: "Services", id: "services"},
{
name: "Work",
id: "work",
},
name: "Work", id: "work"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
logoSrc="http://img.b2bpic.net/free-vector/funny-graphic-designer-business-card-template_23-2148407922.jpg"
logoAlt="BezalL Web Studio Logo"
brandName="BezalL"
button={{
text: "Start a Project",
href: "#contact",
}}
text: "Start a Project", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "plain",
}}
variant: "plain"}}
title="We build landing pages in 48 hours."
description="Professional websites for serious businesses. Starting from ₦175,000."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-patterned-glass-texture_53876-132938.jpg",
imageAlt: "Abstract geometric pattern 1",
},
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-patterned-glass-texture_53876-132938.jpg", imageAlt: "Abstract geometric pattern 1"},
{
imageSrc: "http://img.b2bpic.net/free-photo/cool-blue-textured-background-wavy-pattern-abstract-art_53876-128469.jpg",
imageAlt: "Abstract geometric pattern 2",
},
imageSrc: "http://img.b2bpic.net/free-photo/cool-blue-textured-background-wavy-pattern-abstract-art_53876-128469.jpg", imageAlt: "Abstract geometric pattern 2"},
{
imageSrc: "http://img.b2bpic.net/free-photo/setting-up-her-own-design-website_329181-18142.jpg",
imageAlt: "Abstract geometric pattern 3",
},
imageSrc: "http://img.b2bpic.net/free-photo/setting-up-her-own-design-website_329181-18142.jpg", imageAlt: "Abstract geometric pattern 3"},
{
imageSrc: "http://img.b2bpic.net/free-photo/retro-scratch-shape-stamp-dark_1194-9535.jpg",
imageAlt: "Abstract geometric pattern 4",
},
imageSrc: "http://img.b2bpic.net/free-photo/retro-scratch-shape-stamp-dark_1194-9535.jpg", imageAlt: "Abstract geometric pattern 4"},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-homemade-coconut-chocolate-arranged-row-white-checkered-table-cloth_23-2148123853.jpg",
imageAlt: "Abstract geometric pattern 5",
},
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-homemade-coconut-chocolate-arranged-row-white-checkered-table-cloth_23-2148123853.jpg", imageAlt: "Abstract geometric pattern 5"},
{
imageSrc: "http://img.b2bpic.net/free-photo/desk-with-objects_23-2147982354.jpg",
imageAlt: "Abstract geometric pattern 6",
},
imageSrc: "http://img.b2bpic.net/free-photo/desk-with-objects_23-2147982354.jpg", imageAlt: "Abstract geometric pattern 6"},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/creation-ideas-light-bule-imagination-arts-development-concept_53876-132568.jpg",
imageAlt: "Abstract geometric pattern 7",
},
imageSrc: "http://img.b2bpic.net/free-photo/creation-ideas-light-bule-imagination-arts-development-concept_53876-132568.jpg", imageAlt: "Abstract geometric pattern 7"},
{
imageSrc: "http://img.b2bpic.net/free-photo/stylish-memphis-abstract-background-design_53876-101895.jpg",
imageAlt: "Abstract geometric pattern 8",
},
imageSrc: "http://img.b2bpic.net/free-photo/stylish-memphis-abstract-background-design_53876-101895.jpg", imageAlt: "Abstract geometric pattern 8"},
{
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-abstract-shapes-cover-collection_23-2148910089.jpg",
imageAlt: "Abstract geometric pattern 9",
},
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-abstract-shapes-cover-collection_23-2148910089.jpg", imageAlt: "Abstract geometric pattern 9"},
{
imageSrc: "http://img.b2bpic.net/free-photo/stylish-memphis-abstract-background-design_53876-104715.jpg",
imageAlt: "Abstract geometric pattern 10",
},
imageSrc: "http://img.b2bpic.net/free-photo/stylish-memphis-abstract-background-design_53876-104715.jpg", imageAlt: "Abstract geometric pattern 10"},
{
imageSrc: "http://img.b2bpic.net/free-photo/stroke-ancient-old-antique-wallpaper_1194-9530.jpg",
imageAlt: "Abstract geometric pattern 11",
},
imageSrc: "http://img.b2bpic.net/free-photo/stroke-ancient-old-antique-wallpaper_1194-9530.jpg", imageAlt: "Abstract geometric pattern 11"},
{
imageSrc: "http://img.b2bpic.net/free-photo/cool-background-blank-wallpaper-place-your-concept_1194-641450.jpg",
imageAlt: "Abstract geometric pattern 12",
},
imageSrc: "http://img.b2bpic.net/free-photo/cool-background-blank-wallpaper-place-your-concept_1194-641450.jpg", imageAlt: "Abstract geometric pattern 12"},
]}
buttons={[
{
text: "Start a Project",
href: "#contact",
},
text: "Start a Project", href: "#contact"},
{
text: "See Our Work",
href: "#work",
},
text: "See Our Work", href: "#work"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/close-up-doubtful-gloomy-man-looking-left-sighing-uncertain-standing_1258-26776.jpg",
alt: "Client Avatar 1",
},
src: "http://img.b2bpic.net/free-photo/close-up-doubtful-gloomy-man-looking-left-sighing-uncertain-standing_1258-26776.jpg", alt: "Client Avatar 1"},
{
src: "http://img.b2bpic.net/free-photo/portrait-confident-woman-looking-away_23-2148398474.jpg",
alt: "Client Avatar 2",
},
src: "http://img.b2bpic.net/free-photo/portrait-confident-woman-looking-away_23-2148398474.jpg", alt: "Client Avatar 2"},
{
src: "http://img.b2bpic.net/free-photo/close-up-confident-businessman-white-shirt-looking-left-smiling-satisfied-standing_1258-26772.jpg",
alt: "Client Avatar 3",
},
src: "http://img.b2bpic.net/free-photo/close-up-confident-businessman-white-shirt-looking-left-smiling-satisfied-standing_1258-26772.jpg", alt: "Client Avatar 3"},
{
src: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg",
alt: "Client Avatar 4",
},
src: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg", alt: "Client Avatar 4"},
{
src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_1262-20882.jpg",
alt: "Client Avatar 5",
},
src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_1262-20882.jpg", alt: "Client Avatar 5"},
]}
avatarText="Trusted by 100+ businesses"
marqueeItems={[
{
type: "image",
src: "asset://hero-marquee-1",
alt: "Business Card Design",
},
type: "image", src: "asset://hero-marquee-1", alt: "Business Card Design"},
{
type: "image",
src: "asset://hero-marquee-2",
alt: "Elegant Stationery",
},
type: "image", src: "asset://hero-marquee-2", alt: "Elegant Stationery"},
{
type: "image",
src: "asset://hero-marquee-3",
alt: "Luxury Business Card",
},
type: "image", src: "asset://hero-marquee-3", alt: "Luxury Business Card"},
{
type: "image",
src: "asset://hero-marquee-4",
alt: "Monochrome Business Cards",
},
type: "image", src: "asset://hero-marquee-4", alt: "Monochrome Business Cards"},
{
type: "image",
src: "asset://hero-marquee-5",
alt: "Abstract Wave Pattern",
},
type: "image", src: "asset://hero-marquee-5", alt: "Abstract Wave Pattern"},
]}
/>
</div>
@@ -187,23 +123,14 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "craft",
icon: Wrench,
title: "Craft",
value: "Every pixel is intentional. We design with purpose, not templates.",
},
id: "craft", icon: Wrench,
title: "Craft", value: "Every pixel is intentional. We design with purpose, not templates."},
{
id: "speed",
icon: Zap,
title: "Speed",
value: "Your website, live in 48 hours. Fast delivery without cutting corners.",
},
id: "speed", icon: Zap,
title: "Speed", value: "Your website, live in 48 hours. Fast delivery without cutting corners."},
{
id: "excellence",
icon: Award,
title: "Excellence",
value: "We don't ship average work. Every project is built to impress.",
},
id: "excellence", icon: Award,
title: "Excellence", value: "We don't ship average work. Every project is built to impress."},
]}
title="The BezalL Promise"
description="Our foundation is built on timeless principles, ensuring every project reflects our core values."
@@ -217,61 +144,31 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "business-landing-page",
badge: "Standard",
badgeIcon: Diamond,
price: "₦175,000 – ₦300,000",
subtitle: "Your brand, online and converting fast.",
buttons: [
id: "business-landing-page", badge: "Standard", badgeIcon: Diamond,
price: "₦175,000 – ₦300,000", subtitle: "Your brand, online and converting fast.", buttons: [
{
text: "Start Project",
href: "#contact",
},
text: "Start Project", href: "#contact"},
],
features: [
"Custom Design",
"Conversion Optimized",
"Mobile Responsive",
"Fast Loading Speed",
],
"Custom Design", "Conversion Optimized", "Mobile Responsive", "Fast Loading Speed"],
},
{
id: "link-in-bio-page",
badge: "Essential",
badgeIcon: Link,
price: "₦57,000 – ₦100,000",
subtitle: "All your links, one clean page.",
buttons: [
id: "link-in-bio-page", badge: "Essential", badgeIcon: Link,
price: "₦57,000 – ₦100,000", subtitle: "All your links, one clean page.", buttons: [
{
text: "Get Started",
href: "#contact",
},
text: "Get Started", href: "#contact"},
],
features: [
"Personalized URL",
"Unlimited Links",
"Analytics Tracking",
"Social Media Integration",
],
"Personalized URL", "Unlimited Links", "Analytics Tracking", "Social Media Integration"],
},
{
id: "website-maintenance",
badge: "Premium",
badgeIcon: ShieldCheck,
price: "₦30,000 – ₦50,000/month",
subtitle: "Your site, always fresh and current.",
buttons: [
id: "website-maintenance", badge: "Premium", badgeIcon: ShieldCheck,
price: "₦30,000 – ₦50,000/month", subtitle: "Your site, always fresh and current.", buttons: [
{
text: "Learn More",
href: "#contact",
},
text: "Learn More", href: "#contact"},
],
features: [
"Regular Updates",
"Security Monitoring",
"Performance Optimization",
"Content Backups",
],
"Regular Updates", "Security Monitoring", "Performance Optimization", "Content Backups"],
},
]}
title="Our Services"
@@ -286,33 +183,16 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Seamless Process",
description: "From Concept to Launch in 48 Hours",
bentoComponent: "timeline",
heading: "Seamless Process",
subheading: "From Concept to Launch in 48 Hours",
items: [
title: "Seamless Process", description: "From Concept to Launch in 48 Hours", bentoComponent: "timeline", heading: "Seamless Process", subheading: "From Concept to Launch in 48 Hours", items: [
{
label: "Send Us Your Details",
detail: "Provide copy, photos, and project requirements.",
},
label: "Send Us Your Details", detail: "Provide copy, photos, and project requirements."},
{
label: "We Build Your Website",
detail: "Our team gets to work, crafting your vision.",
},
label: "We Build Your Website", detail: "Our team gets to work, crafting your vision."},
{
label: "Review & Request Changes",
detail: "You provide feedback for one round of revisions.",
},
{
label: "Go Live in 48 Hours",
detail: "Your professional website is launched.",
},
label: "Review & Request Changes", detail: "You provide feedback for one round of revisions."}
],
completedLabel: "Completed",
imageSrc: "http://img.b2bpic.net/free-vector/funny-graphic-designer-business-card-template_23-2148407922.jpg",
imageAlt: "BezalL wordmark logo deep navy craft gold",
},
completedLabel: "Completed", imageSrc: "http://img.b2bpic.net/free-vector/funny-graphic-designer-business-card-template_23-2148407922.jpg", imageAlt: "BezalL wordmark logo deep navy craft gold"
}
]}
title="How It Works"
description="Our streamlined process ensures your vision becomes a reality, quickly and efficiently."
@@ -338,20 +218,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq-1",
title: "What exactly is a landing page?",
content: "A landing page is a standalone web page designed specifically for a marketing or advertising campaign. It's where a visitor 'lands' after clicking on a link in an email, ad, or elsewhere. Its primary purpose is to convert visitors into leads or customers.",
},
id: "faq-1", title: "What exactly is a landing page?", content: "A landing page is a standalone web page designed specifically for a marketing or advertising campaign. It's where a visitor 'lands' after clicking on a link in an email, ad, or elsewhere. Its primary purpose is to convert visitors into leads or customers."},
{
id: "faq-2",
title: "How do you build a website in 48 hours?",
content: "Our efficiency comes from a highly streamlined process, clear communication, and a focused scope. We specialize in effective, single-purpose landing pages, allowing us to deliver quickly without compromising on quality or functionality.",
},
id: "faq-2", title: "How do you build a website in 48 hours?", content: "Our efficiency comes from a highly streamlined process, clear communication, and a focused scope. We specialize in effective, single-purpose landing pages, allowing us to deliver quickly without compromising on quality or functionality."},
{
id: "faq-3",
title: "What if I need changes after 48 hours?",
content: "Our 48-hour delivery covers the initial build and one round of revisions based on your feedback. For ongoing changes or additional features, we offer flexible website maintenance plans to keep your site fresh and current.",
},
id: "faq-3", title: "What if I need changes after 48 hours?", content: "Our 48-hour delivery covers the initial build and one round of revisions based on your feedback. For ongoing changes or additional features, we offer flexible website maintenance plans to keep your site fresh and current."},
]}
sideTitle="Common Questions"
sideDescription="Find answers to frequently asked questions about our services and process."
@@ -363,14 +234,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
text="Ready to go live in 48 hours? Partnership slots are open. Let's build something excellent.\n\nWhatsApp: +2348025398072\nEmail: hello@bezall.com"
buttons={[
{
text: "DM Us on Instagram",
href: "https://instagram.com/bezall",
},
text: "DM Us on Instagram", href: "https://instagram.com/bezall"},
]}
/>
</div>
@@ -382,9 +250,7 @@ export default function LandingPage() {
socialLinks={[
{
icon: Instagram,
href: "https://instagram.com/bezall",
ariaLabel: "Instagram",
},
href: "https://instagram.com/bezall", ariaLabel: "Instagram"},
]}
/>
</div>