Merge version_1 into main #2

Merged
bender merged 4 commits from version_1 into main 2026-04-09 04:33:46 +00:00
4 changed files with 67 additions and 468 deletions

View File

@@ -8,7 +8,7 @@ import LegalSection from '@/components/legal/LegalSection';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import { Rocket, Users } from "lucide-react";
export default function LandingPage() {
export default function AboutPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
@@ -26,30 +26,12 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Services",
id: "/services",
},
{
name: "Pricing",
id: "/pricing",
},
{
name: "Portfolio",
id: "/portfolio",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Pricing", id: "/pricing" },
{ name: "Portfolio", id: "/portfolio" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
brandName="Deep WebBazaar"
/>
@@ -60,16 +42,8 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Company Stats"
metrics={[
{
icon: Users,
label: "Happy Clients",
value: "500+",
},
{
icon: Rocket,
label: "Projects Launched",
value: "800+",
},
{ icon: Users, label: "Happy Clients", value: "500+" },
{ icon: Rocket, label: "Projects Launched", value: "800+" },
]}
metricsAnimation="slide-up"
/>
@@ -80,13 +54,7 @@ export default function LandingPage() {
layout="page"
title="Company Policy"
sections={[
{
heading: "Privacy",
content: {
type: "paragraph",
text: "We value your privacy.",
},
},
{ heading: "Privacy", content: [{ type: "paragraph", text: "We value your privacy." }] },
]}
/>
</div>
@@ -94,36 +62,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Explore",
items: [
{
label: "Home",
href: "/",
},
{
label: "Pricing",
href: "/pricing",
},
{
label: "Portfolio",
href: "/portfolio",
},
],
},
{
title: "Company",
items: [
{
label: "About",
href: "/about",
},
{
label: "Contact",
href: "/contact",
},
],
},
{ title: "Explore", items: [{ label: "Home", href: "/" }, { label: "Pricing", href: "/pricing" }, { label: "Portfolio", href: "/portfolio" }] },
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
]}
logoText="Deep WebBazaar"
/>
@@ -131,4 +71,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -7,7 +7,7 @@ import FooterBase from '@/components/sections/footer/FooterBase';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
export default function LandingPage() {
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
@@ -25,30 +25,12 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Services",
id: "/services",
},
{
name: "Pricing",
id: "/pricing",
},
{
name: "Portfolio",
id: "/portfolio",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Pricing", id: "/pricing" },
{ name: "Portfolio", id: "/portfolio" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
brandName="Deep WebBazaar"
/>
@@ -56,79 +38,20 @@ export default function LandingPage() {
<div id="contact-inner" data-section="contact-inner">
<ContactSplit
tag="Contact Us"
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Let's Build Together"
description="Reach out to us via email or chat on WhatsApp."
imageSrc="http://img.b2bpic.net/free-photo/round-particle-lines-futuristic-gradient-wallpaper_53876-97643.jpg?_wi=2"
mediaAnimation="slide-up"
/>
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Client Love"
description="They love working with us."
showRating={true}
testimonials={[
{
id: "1",
name: "Alice",
handle: "@alice",
testimonial: "Great work!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-bright-blue-lips_23-2151096454.jpg?_wi=9",
},
{
id: "2",
name: "Bob",
handle: "@bob",
testimonial: "Very professional.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-bright-blue-lips_23-2151096454.jpg?_wi=10",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Explore",
items: [
{
label: "Home",
href: "/",
},
{
label: "Pricing",
href: "/pricing",
},
{
label: "Portfolio",
href: "/portfolio",
},
],
},
{
title: "Company",
items: [
{
label: "About",
href: "/about",
},
{
label: "Contact",
href: "/contact",
},
],
},
{ title: "Explore", items: [{ label: "Home", href: "/" }, { label: "Pricing", href: "/pricing" }, { label: "Portfolio", href: "/portfolio" }] },
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
]}
logoText="Deep WebBazaar"
/>
@@ -136,4 +59,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -28,30 +28,12 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Services",
id: "/services",
},
{
name: "Pricing",
id: "/pricing",
},
{
name: "Portfolio",
id: "/portfolio",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Pricing", id: "/pricing" },
{ name: "Portfolio", id: "/portfolio" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
brandName="Deep WebBazaar"
/>
@@ -59,86 +41,22 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Get Your Professional Website Today"
description="Premium web development services to elevate your digital presence. Fast, responsive, and SEO-friendly sites for your business."
kpis={[
{
value: "100+",
label: "Projects Completed",
},
{
value: "99%",
label: "Client Satisfaction",
},
{
value: "24/7",
label: "Expert Support",
},
{ value: "100+", label: "Projects Completed" },
{ value: "99%", label: "Client Satisfaction" },
{ value: "24/7", label: "Expert Support" },
]}
enableKpiAnimation={true}
buttons={[
{
text: "Buy Website",
href: "/pricing",
},
{
text: "Contact Now",
href: "/contact",
},
{
text: "Share Website",
onClick: "() => { console.log('Sharing...'); }",
},
{ text: "Buy Website", href: "/pricing" },
{ text: "Contact Now", href: "/contact" },
{ text: "Share Website", onClick: () => console.log('Sharing...') },
]}
imageSrc="http://img.b2bpic.net/free-photo/3d-flowing-cyber-particles-with-shallow-depth-field_1048-12765.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/3d-flowing-cyber-particles-with-shallow-depth-field_1048-12765.jpg"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/woman-portrait-with-bright-blue-lips_23-2151096454.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/woman-portrait-with-bright-blue-lips_23-2151096454.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/woman-portrait-with-bright-blue-lips_23-2151096454.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/woman-portrait-with-bright-blue-lips_23-2151096454.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/woman-portrait-with-bright-blue-lips_23-2151096454.jpg",
alt: "Client 5",
},
]}
marqueeItems={[
{
type: "text",
text: "React.js",
},
{
type: "text",
text: "Node.js",
},
{
type: "text",
text: "Next.js",
},
{
type: "text",
text: "TypeScript",
},
{
type: "text",
text: "TailwindCSS",
},
]}
/>
</div>
@@ -148,41 +66,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
handle: "@sarahjs",
testimonial: "Deep WebBazaar transformed our online business perfectly.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-bright-blue-lips_23-2151096454.jpg?_wi=1",
},
{
id: "2",
name: "Mike R.",
handle: "@miker",
testimonial: "The best development team I've worked with so far.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-bright-blue-lips_23-2151096454.jpg?_wi=2",
},
{
id: "3",
name: "Elena K.",
handle: "@elenak",
testimonial: "Exceptional communication and high quality code delivery.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-bright-blue-lips_23-2151096454.jpg?_wi=3",
},
{
id: "4",
name: "David L.",
handle: "@davidl",
testimonial: "They built my startup site within 2 weeks flawlessly.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-bright-blue-lips_23-2151096454.jpg?_wi=4",
},
{
id: "5",
name: "Chloe M.",
handle: "@chloem",
testimonial: "Highly recommended for any custom business website.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-bright-blue-lips_23-2151096454.jpg?_wi=5",
},
{ id: "1", name: "Sarah J.", handle: "@sarahjs", testimonial: "Deep WebBazaar transformed our online business perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-bright-blue-lips_23-2151096454.jpg" },
{ id: "2", name: "Mike R.", handle: "@miker", testimonial: "The best development team I've worked with so far.", imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-bright-blue-lips_23-2151096454.jpg" },
{ id: "3", name: "Elena K.", handle: "@elenak", testimonial: "Exceptional communication and high quality code delivery.", imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-bright-blue-lips_23-2151096454.jpg" },
{ id: "4", name: "David L.", handle: "@davidl", testimonial: "They built my startup site within 2 weeks flawlessly.", imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-bright-blue-lips_23-2151096454.jpg" },
{ id: "5", name: "Chloe M.", handle: "@chloem", testimonial: "Highly recommended for any custom business website.", imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-bright-blue-lips_23-2151096454.jpg" },
]}
title="Trusted by Leaders"
description="Hear what our clients have to say about our web development services."
@@ -197,36 +85,9 @@ export default function LandingPage() {
title="Built for Scale"
description="Powerful tools and architecture."
features={[
{
title: "Performance",
description: "Blazing fast speeds.",
bentoComponent: "animated-bar-chart",
imageSrc: "http://img.b2bpic.net/free-photo/3d-flowing-cyber-particles-with-shallow-depth-field_1048-12765.jpg?_wi=2",
imageAlt: "dark professional tech workspace",
},
{
title: "Global Reach",
description: "CDN optimized.",
bentoComponent: "globe",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zviwq5&_wi=1",
imageAlt: "3d web development icon set",
},
{
title: "AI Support",
description: "Smart chat features.",
bentoComponent: "chat",
aiIcon: Star,
userIcon: User,
exchanges: [
{
userMessage: "Hello",
aiResponse: "How can I help?",
},
],
placeholder: "Ask anything...",
imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-with-bright-blue-lips_23-2151096454.jpg?_wi=6",
imageAlt: "portrait professional studio lighting",
},
{ title: "Performance", description: "Blazing fast speeds.", bentoComponent: "animated-bar-chart" },
{ title: "Global Reach", description: "CDN optimized.", bentoComponent: "globe" },
{ title: "AI Support", description: "Smart chat features.", bentoComponent: "chat", aiIcon: Star, userIcon: User, exchanges: [{ userMessage: "Hello", aiResponse: "How can I help?" }], placeholder: "Ask anything..." },
]}
/>
</div>
@@ -239,20 +100,8 @@ export default function LandingPage() {
title="Proven Metrics"
description="Data-driven results."
metrics={[
{
id: "1",
value: "200%",
title: "Conversion Rate",
description: "Increase in traffic",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zviwq5&_wi=2",
},
{
id: "2",
value: "100%",
title: "Uptime",
description: "Reliable servers",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zviwq5&_wi=3",
},
{ id: "1", value: "200%", title: "Conversion Rate", description: "Increase in traffic", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zviwq5" },
{ id: "2", value: "100%", title: "Uptime", description: "Reliable servers", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zviwq5" },
]}
/>
</div>
@@ -260,36 +109,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Explore",
items: [
{
label: "Home",
href: "/",
},
{
label: "Pricing",
href: "/pricing",
},
{
label: "Portfolio",
href: "/portfolio",
},
],
},
{
title: "Company",
items: [
{
label: "About",
href: "/about",
},
{
label: "Contact",
href: "/contact",
},
],
},
{ title: "Explore", items: [{ label: "Home", href: "/" }, { label: "Pricing", href: "/pricing" }, { label: "Portfolio", href: "/portfolio" }] },
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
]}
logoText="Deep WebBazaar"
/>
@@ -297,4 +118,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -8,7 +8,7 @@ import FooterBase from '@/components/sections/footer/FooterBase';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import { Briefcase, Code2, Layout, ShoppingCart } from "lucide-react";
export default function LandingPage() {
export default function ServicesPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
@@ -26,30 +26,12 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Services",
id: "/services",
},
{
name: "Pricing",
id: "/pricing",
},
{
name: "Portfolio",
id: "/portfolio",
},
{
name: "About",
id: "/about",
},
{
name: "Contact",
id: "/contact",
},
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Pricing", id: "/pricing" },
{ name: "Portfolio", id: "/portfolio" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
brandName="Deep WebBazaar"
/>
@@ -61,26 +43,10 @@ export default function LandingPage() {
textboxLayout="split-description"
useInvertedBackground={false}
features={[
{
icon: Layout,
title: "Business Website",
description: "Professional corporate sites tailored to your brand identity.",
},
{
icon: ShoppingCart,
title: "E-commerce Website",
description: "High-conversion online stores with secure checkout systems.",
},
{
icon: Briefcase,
title: "Portfolio Website",
description: "Showcase your work with elegant, minimal designs.",
},
{
icon: Code2,
title: "Custom Website",
description: "Bespoke development for unique business requirements.",
},
{ icon: Layout, title: "Business Website", description: "Professional corporate sites tailored to your brand identity." },
{ icon: ShoppingCart, title: "E-commerce Website", description: "High-conversion online stores with secure checkout systems." },
{ icon: Briefcase, title: "Portfolio Website", description: "Showcase your work with elegant, minimal designs." },
{ icon: Code2, title: "Custom Website", description: "Bespoke development for unique business requirements." },
]}
title="Our Professional Services"
description="We build websites that scale, perform, and convert."
@@ -95,30 +61,7 @@ export default function LandingPage() {
title="Our Methodology"
description="A refined process for success."
features={[
{
title: "Planning",
description: "Strategy first.",
bentoComponent: "timeline",
heading: "Phase 1",
subheading: "Discovery",
items: [
{
label: "Research",
detail: "Deep analysis",
},
{
label: "Planning",
detail: "Blueprints",
},
{
label: "Design",
detail: "UX/UI",
},
],
completedLabel: "Done",
imageSrc: "http://img.b2bpic.net/free-photo/round-particle-lines-futuristic-gradient-wallpaper_53876-97643.jpg?_wi=1",
imageAlt: "abstract tech connectivity background",
},
{ title: "Planning", description: "Strategy first.", bentoComponent: "timeline", heading: "Phase 1", subheading: "Discovery", items: [{ label: "Research", detail: "Deep analysis" }, { label: "Planning", detail: "Blueprints" }, { label: "Design", detail: "UX/UI" }], completedLabel: "Done" },
]}
/>
</div>
@@ -126,36 +69,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Explore",
items: [
{
label: "Home",
href: "/",
},
{
label: "Pricing",
href: "/pricing",
},
{
label: "Portfolio",
href: "/portfolio",
},
],
},
{
title: "Company",
items: [
{
label: "About",
href: "/about",
},
{
label: "Contact",
href: "/contact",
},
],
},
{ title: "Explore", items: [{ label: "Home", href: "/" }, { label: "Pricing", href: "/pricing" }, { label: "Portfolio", href: "/portfolio" }] },
{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
]}
logoText="Deep WebBazaar"
/>
@@ -163,4 +78,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}