Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-08 08:51:06 +00:00

View File

@@ -1,413 +1,98 @@
"use client";
'use client';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBase from '@/components/sections/footer/FooterBase';
import Link from "next/link";
export default function LandingPage() {
export default function Page() {
const navItems = [{ name: "Home", id: "/" }];
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="smallMedium"
sizing="large"
background="circleGradient"
cardStyle="layered-gradient"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="solid"
headingFontWeight="light"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Services",
id: "#features",
},
{
name: "Portfolio",
id: "#portfolio",
},
{
name: "Process",
id: "#process",
},
{
name: "Pricing",
id: "#pricing",
},
{
name: "Contact",
id: "#contact",
},
]}
brandName="Bizzle Designz"
button={{
text: "Book Discovery",
href: "#contact",
}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "gradient-bars",
}}
title="Luxury Brand Design That Converts"
description="Strategic logos, ads, and identities crafted to grow your business and increase revenue."
buttons={[
{
text: "Book a Free Discovery",
href: "#contact",
},
{
text: "View Portfolio",
href: "#portfolio",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320696.jpg?_wi=1"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/closeup-skeptical-bearded-man-grimacing-displeased-dont-like-something-standing-reluctant-against_1258-113973.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167445.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/designers-team-working-3d-model_23-2149371893.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/young-man-business-worker-using-vr-glasses-working-office_839833-10645.jpg",
alt: "Client 5",
},
]}
avatarText="Trusted by 500+ global brands"
marqueeItems={[
{
type: "text",
text: "Strategic Branding",
},
{
type: "text",
text: "High-End Identity",
},
{
type: "text",
text: "Conversion Design",
},
{
type: "text",
text: "Editorial Creative",
},
{
type: "text",
text: "Growth Marketing",
},
]}
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={[
"InnovateTech",
"LuxHaus",
"PureGlow",
"CloudData",
"EleganceDining",
"TrendSet",
"PrimeAssets",
]}
title="Trusted by Leaders"
description="Helping ambitious companies scale with distinctive, high-ROI design."
/>
</div>
<div id="features" data-section="features">
<FeatureCardMedia
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Brand Identity",
description: "Memorable marks that scale from web to signage.",
tag: "Essential",
imageSrc: "http://img.b2bpic.net/free-photo/kraft-paper-office-supplies_23-2147788347.jpg",
},
{
id: "f2",
title: "Logo Systems",
description: "Distinctive marks built for longevity and growth.",
tag: "Core",
imageSrc: "http://img.b2bpic.net/free-photo/stationery-ice-cream-concept_23-2147803263.jpg",
},
{
id: "f3",
title: "Ad Campaigns",
description: "Performance-focused creatives that attract your audience.",
tag: "Strategy",
imageSrc: "http://img.b2bpic.net/free-photo/mexican-traditional-cards-game_23-2150558659.jpg",
},
]}
title="Strategic Design Expertise"
description="From identity systems to full-scale campaigns, we provide the assets you need to convert."
/>
</div>
<div id="process" data-section="process">
<FeatureCardMedia
animationType="slide-up"
textboxLayout="inline-image"
useInvertedBackground={true}
features={[
{
id: "p1",
title: "Discover",
description: "Deep-dive into your goals, industry, and target market.",
tag: "Step 01",
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-sitting-table-talking-business_23-2148352796.jpg",
},
{
id: "p2",
title: "Design",
description: "Iterative, strategic creative development aligned to your brand.",
tag: "Step 02",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320702.jpg",
},
{
id: "p3",
title: "Deliver",
description: "Polished, high-converting assets ready for launch.",
tag: "Step 03",
imageSrc: "http://img.b2bpic.net/free-vector/colorful-modern-business-stationery_52683-29454.jpg",
},
]}
title="Our Proven Process"
description="A streamlined 3-step approach to get you from concept to conversion in weeks."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah J.",
date: "Jan 2025",
title: "CEO, TechHaus",
quote: "The new identity system Bizzle created immediately lifted our click-through rates by 40%.",
tag: "ROI-focused",
avatarSrc: "http://img.b2bpic.net/free-photo/closeup-skeptical-bearded-man-grimacing-displeased-dont-like-something-standing-reluctant-against_1258-113973.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320696.jpg?_wi=2",
imageAlt: "luxury design studio workspace mockup",
},
{
id: "t2",
name: "Michael R.",
date: "Dec 2024",
title: "Founder, LuxHome",
quote: "Bizzle Designz brought a level of care and boutique attention I haven't found elsewhere.",
tag: "Boutique Care",
avatarSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167445.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-skeptical-bearded-man-grimacing-displeased-dont-like-something-standing-reluctant-against_1258-113973.jpg",
imageAlt: "professional portrait studio background",
},
{
id: "t3",
name: "Elena K.",
date: "Nov 2024",
title: "Marketing Director, Bloom",
quote: "Incredible turnarounds and the logo is exactly the premium mark we needed for scaling.",
tag: "Fast Delivery",
avatarSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167445.jpg",
imageAlt: "professional headshot modern office",
},
{
id: "t4",
name: "David W.",
date: "Oct 2024",
title: "Director, VentureLab",
quote: "Bizzle transformed our stagnant visual identity into a conversion machine. Worth every cent.",
tag: "ROI-focused",
avatarSrc: "http://img.b2bpic.net/free-photo/designers-team-working-3d-model_23-2149371893.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
imageAlt: "professional headshot editorial style",
},
{
id: "t5",
name: "Anna P.",
date: "Sept 2024",
title: "CMO, StyleCorp",
quote: "Professional, personable, and absolutely masterful at what they do. Highly recommended.",
tag: "White-Glove",
avatarSrc: "http://img.b2bpic.net/free-photo/young-man-business-worker-using-vr-glasses-working-office_839833-10645.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/designers-team-working-3d-model_23-2149371893.jpg",
imageAlt: "professional studio portrait success",
},
]}
title="Client Success Stories"
description="Don't just take our word for it — see how Bizzle Designz has helped these businesses."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardFive
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
plans={[
{
id: "starter",
tag: "Starter",
price: "$1,500+",
period: "fixed",
description: "Essential logo system and basic brand board for new ventures.",
button: {
text: "Get a Custom Quote",
href: "#contact",
},
featuresTitle: "Includes:",
features: [
"Primary Logo",
"Submark",
"Color Palette",
"Typography Pair",
],
},
{
id: "brand",
tag: "Brand",
price: "$3,500+",
period: "fixed",
description: "Complete identity system for established brands ready to scale.",
button: {
text: "Get a Custom Quote",
href: "#contact",
},
featuresTitle: "Includes:",
features: [
"Starter +",
"Social Templates",
"Business Cards",
"Brand Guidelines",
],
},
{
id: "premium",
tag: "Premium",
price: "$6,000+",
period: "fixed",
description: "Full-service package for brands requiring campaign and collateral.",
button: {
text: "Get a Custom Quote",
href: "#contact",
},
featuresTitle: "Includes:",
features: [
"Brand +",
"Campaign Strategy",
"Packaging",
"Priority Turnaround",
],
},
]}
title="Packages & Investment"
description="Choose the level of engagement that fits your business stage."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
tag="Book Now"
title="Ready to Elevate Your Brand?"
description="Let's discuss how we can grow your business through strategic design."
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Studio",
items: [
{
label: "Services",
href: "#features",
},
{
label: "Portfolio",
href: "#portfolio",
},
{
label: "About",
href: "#about",
},
],
},
{
title: "Connect",
items: [
{
label: "Book Discovery",
href: "#contact",
},
{
label: "Instagram",
href: "#",
},
{
label: "LinkedIn",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
logoText="Bizzle Designz"
/>
</div>
</ReactLenis>
<ThemeProvider>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay navItems={navItems} brandName="Bizzle Designz" />
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{ variant: "gradient-bars" }}
title="Luxury Brand Design That Converts"
description="Strategic logos, ads, and identities crafted to grow your business and increase revenue."
buttons={[{ text: "Book a Free Discovery", href: "#contact" }, { text: "View Portfolio", href: "#portfolio" }]}
imageSrc="http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320696.jpg"
mediaAnimation="slide-up"
avatars={[{ src: "http://img.b2bpic.net/free-photo/closeup-skeptical-bearded-man-grimacing-displeased-dont-like-something-standing-reluctant-against_1258-113973.jpg", alt: "Client 1" }, { src: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167445.jpg", alt: "Client 2" }, { src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg", alt: "Client 3" }, { src: "http://img.b2bpic.net/free-photo/designers-team-working-3d-model_23-2149371893.jpg", alt: "Client 4" }, { src: "http://img.b2bpic.net/free-photo/young-man-business-worker-using-vr-glasses-working-office_839833-10645.jpg", alt: "Client 5" }]}
avatarText="Trusted by 500+ global brands"
marqueeItems={[{ type: "text", text: "Strategic Branding" }, { type: "text", text: "High-End Identity" }, { type: "text", text: "Conversion Design" }, { type: "text", text: "Editorial Creative" }, { type: "text", text: "Growth Marketing" }]}
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={["InnovateTech", "LuxHaus", "PureGlow", "CloudData", "EleganceDining", "TrendSet", "PrimeAssets"]}
title="Trusted by Leaders"
description="Helping ambitious companies scale with distinctive, high-ROI design."
/>
</div>
<div id="features" data-section="features">
<FeatureCardMedia
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[{ id: "f1", title: "Brand Identity", description: "Memorable marks that scale from web to signage.", tag: "Essential", imageSrc: "http://img.b2bpic.net/free-photo/kraft-paper-office-supplies_23-2147788347.jpg" }, { id: "f2", title: "Logo Systems", description: "Distinctive marks built for longevity and growth.", tag: "Core", imageSrc: "http://img.b2bpic.net/free-photo/stationery-ice-cream-concept_23-2147803263.jpg" }, { id: "f3", title: "Ad Campaigns", description: "Performance-focused creatives that attract your audience.", tag: "Strategy", imageSrc: "http://img.b2bpic.net/free-photo/mexican-traditional-cards-game_23-2150558659.jpg" }]}
title="Strategic Design Expertise"
description="From identity systems to full-scale campaigns, we provide the assets you need to convert."
/>
</div>
<div id="process" data-section="process">
<FeatureCardMedia
animationType="slide-up"
textboxLayout="inline-image"
useInvertedBackground={true}
features={[{ id: "p1", title: "Discover", description: "Deep-dive into your goals, industry, and target market.", tag: "Step 01", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-sitting-table-talking-business_23-2148352796.jpg" }, { id: "p2", title: "Design", description: "Iterative, strategic creative development aligned to your brand.", tag: "Step 02", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320702.jpg" }, { id: "p3", title: "Deliver", description: "Polished, high-converting assets ready for launch.", tag: "Step 03", imageSrc: "http://img.b2bpic.net/free-vector/colorful-modern-business-stationery_52683-29454.jpg" }]}
title="Our Proven Process"
description="A streamlined 3-step approach to get you from concept to conversion in weeks."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[{ id: "t1", name: "Sarah J.", date: "Jan 2025", title: "CEO, TechHaus", quote: "The new identity system Bizzle created immediately lifted our click-through rates by 40%.", tag: "ROI-focused", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-skeptical-bearded-man-grimacing-displeased-dont-like-something-standing-reluctant-against_1258-113973.jpg", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-studio_23-2151320696.jpg" }, { id: "t2", name: "Michael R.", date: "Dec 2024", title: "Founder, LuxHome", quote: "Bizzle Designz brought a level of care and boutique attention I haven't found elsewhere.", tag: "Boutique Care", avatarSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167445.jpg", imageSrc: "http://img.b2bpic.net/free-photo/closeup-skeptical-bearded-man-grimacing-displeased-dont-like-something-standing-reluctant-against_1258-113973.jpg" }, { id: "t3", name: "Elena K.", date: "Nov 2024", title: "Marketing Director, Bloom", quote: "Incredible turnarounds and the logo is exactly the premium mark we needed for scaling.", tag: "Fast Delivery", avatarSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg", imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167445.jpg" }, { id: "t4", name: "David W.", date: "Oct 2024", title: "Director, VentureLab", quote: "Bizzle transformed our stagnant visual identity into a conversion machine. Worth every cent.", tag: "ROI-focused", avatarSrc: "http://img.b2bpic.net/free-photo/designers-team-working-3d-model_23-2149371893.jpg", imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg" }, { id: "t5", name: "Anna P.", date: "Sept 2024", title: "CMO, StyleCorp", quote: "Professional, personable, and absolutely masterful at what they do. Highly recommended.", tag: "White-Glove", avatarSrc: "http://img.b2bpic.net/free-photo/young-man-business-worker-using-vr-glasses-working-office_839833-10645.jpg", imageSrc: "http://img.b2bpic.net/free-photo/designers-team-working-3d-model_23-2149371893.jpg" }]}
title="Client Success Stories"
description="Don't just take our word for it — see how Bizzle Designz has helped these businesses."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardFive
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
plans={[{ id: "starter", tag: "Starter", price: "$1,500+", period: "fixed", description: "Essential logo system and basic brand board for new ventures.", button: { text: "Get a Custom Quote", href: "#contact" }, featuresTitle: "Includes:", features: ["Primary Logo", "Submark", "Color Palette", "Typography Pair"] }, { id: "brand", tag: "Brand", price: "$3,500+", period: "fixed", description: "Complete identity system for established brands ready to scale.", button: { text: "Get a Custom Quote", href: "#contact" }, featuresTitle: "Includes:", features: ["Starter +", "Social Templates", "Business Cards", "Brand Guidelines"] }, { id: "premium", tag: "Premium", price: "$6,000+", period: "fixed", description: "Full-service package for brands requiring campaign and collateral.", button: { text: "Get a Custom Quote", href: "#contact" }, featuresTitle: "Includes:", features: ["Brand +", "Campaign Strategy", "Packaging", "Priority Turnaround"] }]}
title="Packages & Investment"
description="Choose the level of engagement that fits your business stage."
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
tag="Book Now"
title="Ready to Elevate Your Brand?"
description="Let's discuss how we can grow your business through strategic design."
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
logoText="Bizzle Designz"
columns={[{ title: "Studio", items: [{ label: "Services", href: "#features" }, { label: "Portfolio", href: "#portfolio" }, { label: "About", href: "#about" }] }, { title: "Connect", items: [{ label: "Book Discovery", href: "#contact" }, { label: "Instagram", href: "#" }, { label: "LinkedIn", href: "#" }] }, { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }]}
/>
</div>
</ThemeProvider>
);
}
}