bender/6d34cddb-a536-4716-a874-6992eb2bb6e4
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_3
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1

13 Commits
version_1 ... version_3

Author SHA1 Message Date
bender
18815b83f1 Update src/app/page.tsx 2026-03-15 23:48:48 +00:00
bender
6f2ad99baa Update src/app/page.tsx 2026-03-15 23:48:24 +00:00
bender
5f88bfd731 Merge version_2 into main 
Merge version_2 into main
 2026-03-15 23:45:41 +00:00
bender
6044d93d5d Update theme fonts 2026-03-15 23:45:37 +00:00
bender
d094189f1d Update theme fonts 2026-03-15 23:45:36 +00:00
bender
6d72bbef10 Merge version_2 into main 
Merge version_2 into main
 2026-03-15 23:41:29 +00:00
bender
b1df8b0e53 Update src/app/page.tsx 2026-03-15 23:41:25 +00:00
bender
600155a108 Merge version_2 into main 
Merge version_2 into main
 2026-03-15 23:38:12 +00:00
bender
d3aa12791f Remove watermark 2026-03-15 23:38:08 +00:00
bender
badacee572 Merge version_2 into main 
Merge version_2 into main
 2026-03-15 23:34:50 +00:00
bender
e5a7b5d36e Update src/app/page.tsx 2026-03-15 23:34:46 +00:00
bender
d7db736b0f Merge version_1 into main 
Merge version_1 into main
 2026-03-15 23:27:33 +00:00
bender
46186c59f5 Merge version_1 into main 
Merge version_1 into main
 2026-03-15 23:24:02 +00:00
3 changed files with 115 additions and 148 deletions
Expand all files Collapse all files

17
src/app/layout.tsx
View File

@@ -3,9 +3,9 @@ import { Halant } from "next/font/google";
import { Inter } from "next/font/google"; import { Inter } from "next/font/google";
import "./globals.css"; import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper"; import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script"; import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Poppins } from "next/font/google"; import { Poppins } from "next/font/google";
import { Libre_Baskerville } from "next/font/google";
@@ -14,10 +14,15 @@ export const metadata: Metadata = {
description: "Generated by create next app", description: "Generated by create next app",
}; };
const poppins = Poppins({
variable: "--font-poppins", const libreBaskerville = Libre_Baskerville({
variable: "--font-libre-baskerville",
subsets: ["latin"],
weight: ["400", "700"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"], subsets: ["latin"],
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
}); });
export default function RootLayout({ export default function RootLayout({
@@ -28,8 +33,8 @@ export default function RootLayout({
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body className={`${poppins.variable} antialiased`}> <body className={`${libreBaskerville.variable} ${inter.variable} antialiased`}>
<Tag />
{children} {children}
<script <script
dangerouslySetInnerHTML={{ dangerouslySetInnerHTML={{

242
src/app/page.tsx
View File

@@ -3,7 +3,7 @@
import Link from "next/link"; import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen"; import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit"; import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow"; import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
import MetricCardThree from "@/components/sections/metrics/MetricCardThree"; import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo"; import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
@@ -31,6 +31,10 @@ import {
Sparkles, Sparkles,
Crown, Crown,
Briefcase, Briefcase,
Palette,
Code,
ShoppingCart,
Smartphone,
} from "lucide-react"; } from "lucide-react";
export default function HomePage() { export default function HomePage() {
@@ -44,8 +48,7 @@ export default function HomePage() {
const footerColumns = [ const footerColumns = [
{ {
title: "Services", title: "Services", items: [
items: [
{ label: "Web Design", href: "/" }, { label: "Web Design", href: "/" },
{ label: "E-Commerce", href: "/" }, { label: "E-Commerce", href: "/" },
{ label: "SEO Optimization", href: "/" }, { label: "SEO Optimization", href: "/" },
@@ -53,8 +56,7 @@ export default function HomePage() {
], ],
}, },
{ {
title: "Company", title: "Company", items: [
items: [
{ label: "About Us", href: "/about" }, { label: "About Us", href: "/about" },
{ label: "Our Portfolio", href: "/about" }, { label: "Our Portfolio", href: "/about" },
{ label: "Pricing", href: "/" }, { label: "Pricing", href: "/" },
@@ -62,8 +64,7 @@ export default function HomePage() {
], ],
}, },
{ {
title: "Support", title: "Support", items: [
items: [
{ label: "Contact Us", href: "/contact" }, { label: "Contact Us", href: "/contact" },
{ label: "FAQ", href: "/" }, { label: "FAQ", href: "/" },
{ label: "Documentation", href: "/" }, { label: "Documentation", href: "/" },
@@ -71,8 +72,7 @@ export default function HomePage() {
], ],
}, },
{ {
title: "Legal", title: "Legal", items: [
items: [
{ label: "Privacy Policy", href: "/" }, { label: "Privacy Policy", href: "/" },
{ label: "Terms of Service", href: "/" }, { label: "Terms of Service", href: "/" },
{ label: "Cookie Policy", href: "/" }, { label: "Cookie Policy", href: "/" },
@@ -104,20 +104,27 @@ export default function HomePage() {
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroLogoBillboardSplit <HeroSplitDualMedia
logoText="Certified Press" title="Transform your business online with premium, conversion-focused web design"
description="Transform your business online with premium, conversion-focused web design. We build beautiful, fast, and results-driven websites that elevate your brand and grow your business." description="We build beautiful, fast, and results-driven websites that elevate your brand and grow your business."
background={{ variant: "sparkles-gradient" }} background={{ variant: "sparkles-gradient" }}
tag="Certified Press"
tagIcon={Sparkles}
tagAnimation="slide-up"
buttons={[ buttons={[
{ text: "Start Your Project", href: "/contact" }, { text: "Start Your Project", href: "/contact" },
{ text: "View Our Work", href: "/about" }, { text: "View Our Work", href: "/about" },
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
layoutOrder="default" mediaItems={[
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B0ABuqpqxyTI2rDlJ8OGJZLSvR/uploaded-1773616549939-4aafxkj2.jpg" {
imageAlt="Web design studio workspace" imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B0ABuqpqxyTI2rDlJ8OGJZLSvR/uploaded-1773616549939-4aafxkj2.jpg?_wi=1", imageAlt: "Web design studio workspace"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B0ABuqpqxyTI2rDlJ8OGJZLSvR/uploaded-1773616549939-4aafxkj2.jpg?_wi=2", imageAlt: "Web design studio workspace"},
]}
mediaAnimation="slide-up" mediaAnimation="slide-up"
frameStyle="browser" rating={5}
ratingText="Trusted by 500+ businesses worldwide"
/> />
</div> </div>
@@ -131,40 +138,28 @@ export default function HomePage() {
features={[ features={[
{ {
icon: Zap, icon: Zap,
title: "Lightning-Fast Performance", title: "Lightning-Fast Performance", description:
description: "Optimized for speed and user experience. Your website loads instantly, keeping visitors engaged and improving SEO rankings."},
"Optimized for speed and user experience. Your website loads instantly, keeping visitors engaged and improving SEO rankings.",
},
{ {
icon: Shield, icon: Shield,
title: "Fully Responsive Design", title: "Fully Responsive Design", description:
description: "Perfect on every device—desktop, tablet, or mobile. We ensure your website looks stunning and functions flawlessly across all screen sizes."},
"Perfect on every device—desktop, tablet, or mobile. We ensure your website looks stunning and functions flawlessly across all screen sizes.",
},
{ {
icon: TrendingUp, icon: TrendingUp,
title: "SEO Optimized", title: "SEO Optimized", description:
description: "Built with search engines in mind. We implement best practices to help your business rank higher and attract organic traffic."},
"Built with search engines in mind. We implement best practices to help your business rank higher and attract organic traffic.",
},
{ {
icon: Lock, icon: Lock,
title: "Enterprise Security", title: "Enterprise Security", description:
description: "Bank-level security and SSL encryption protect your data and your customers. We prioritize security at every layer."},
"Bank-level security and SSL encryption protect your data and your customers. We prioritize security at every layer.",
},
{ {
icon: Layers, icon: Layers,
title: "E-Commerce Ready", title: "E-Commerce Ready", description:
description: "Integrated payment processing, inventory management, and customer analytics for seamless online selling."},
"Integrated payment processing, inventory management, and customer analytics for seamless online selling.",
},
{ {
icon: Gauge, icon: Gauge,
title: "Analytics & Insights", title: "Analytics & Insights", description:
description: "Track visitor behavior, conversion rates, and business metrics. Make data-driven decisions to grow your business."},
"Track visitor behavior, conversion rates, and business metrics. Make data-driven decisions to grow your business.",
},
]} ]}
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
@@ -174,6 +169,47 @@ export default function HomePage() {
/> />
</div> </div>
<div id="services" data-section="services">
<FeatureBorderGlow
title="Explore Our Services"
description="Discover the comprehensive range of web design and development services we offer to transform your digital presence."
tag="Our Programs"
tagIcon={Briefcase}
tagAnimation="slide-up"
features={[
{
icon: Palette,
title: "Web Design", description:
"Custom, modern website designs that captivate your audience and reflect your brand identity. Responsive, beautiful, and built to convert."},
{
icon: Code,
title: "Web Development", description:
"Robust, scalable web applications built with cutting-edge technologies. From frontend to backend, we deliver high-performance solutions."},
{
icon: ShoppingCart,
title: "E-Commerce Solutions", description:
"Complete e-commerce platforms with payment integration, inventory management, and customer analytics for successful online sales."},
{
icon: Smartphone,
title: "Mobile App Development", description:
"Native and cross-platform mobile applications that engage users and drive business growth on iOS and Android."},
{
icon: TrendingUp,
title: "SEO & Marketing", description:
"Strategic SEO optimization and digital marketing services to increase your visibility and drive qualified traffic to your site."},
{
icon: Award,
title: "Branding & Strategy", description:
"Comprehensive branding services including logo design, brand strategy, and visual identity that sets you apart from competitors."},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
buttons={[{ text: "View All Services", href: "/about" }]}
buttonAnimation="slide-up"
/>
</div>
<div id="metrics" data-section="metrics"> <div id="metrics" data-section="metrics">
<MetricCardThree <MetricCardThree
title="Proven Results" title="Proven Results"
@@ -204,53 +240,21 @@ export default function HomePage() {
tagAnimation="slide-up" tagAnimation="slide-up"
plans={[ plans={[
{ {
id: "starter", id: "starter", badge: "Popular", badgeIcon: Star,
badge: "Popular", price: "$2,999", subtitle: "Perfect for small businesses and startups", features: [
badgeIcon: Star, "5-10 page website", "Mobile responsive design", "Basic SEO optimization", "Contact form and email integration", "30 days of revisions", "3 months of free support"],
price: "$2,999",
subtitle: "Perfect for small businesses and startups",
features: [
"5-10 page website",
"Mobile responsive design",
"Basic SEO optimization",
"Contact form and email integration",
"30 days of revisions",
"3 months of free support",
],
buttons: [{ text: "Get Started", href: "/contact" }], buttons: [{ text: "Get Started", href: "/contact" }],
}, },
{ {
id: "professional", id: "professional", badge: "Best Value", badgeIcon: Sparkles,
badge: "Best Value", price: "$5,999", subtitle: "Ideal for growing businesses", features: [
badgeIcon: Sparkles, "10-20 page website", "Advanced responsive design", "Advanced SEO + blog integration", "E-commerce ready (up to 50 products)", "Analytics & conversion tracking", "60 days of revisions", "6 months of free support"],
price: "$5,999",
subtitle: "Ideal for growing businesses",
features: [
"10-20 page website",
"Advanced responsive design",
"Advanced SEO + blog integration",
"E-commerce ready (up to 50 products)",
"Analytics & conversion tracking",
"60 days of revisions",
"6 months of free support",
],
buttons: [{ text: "Choose Plan", href: "/contact" }], buttons: [{ text: "Choose Plan", href: "/contact" }],
}, },
{ {
id: "enterprise", id: "enterprise", badge: "Premium", badgeIcon: Crown,
badge: "Premium", price: "Custom", subtitle: "For large enterprises and complex needs", features: [
badgeIcon: Crown, "Unlimited pages", "Custom design and branding", "Full e-commerce platform", "Advanced integrations (CRM, ERP, APIs)", "Performance optimization", "Unlimited revisions", "12 months of premium support"],
price: "Custom",
subtitle: "For large enterprises and complex needs",
features: [
"Unlimited pages",
"Custom design and branding",
"Full e-commerce platform",
"Advanced integrations (CRM, ERP, APIs)",
"Performance optimization",
"Unlimited revisions",
"12 months of premium support",
],
buttons: [{ text: "Contact Sales", href: "/contact" }], buttons: [{ text: "Contact Sales", href: "/contact" }],
}, },
]} ]}
@@ -271,15 +275,7 @@ export default function HomePage() {
tagAnimation="slide-up" tagAnimation="slide-up"
names={["Shopify", "Stripe", "WordPress", "Next.js", "Figma", "Webflow", "Vercel", "HubSpot"]} names={["Shopify", "Stripe", "WordPress", "Next.js", "Figma", "Webflow", "Vercel", "HubSpot"]}
logos={[ logos={[
"http://img.b2bpic.net/free-vector/flat-design-cyber-monday-super-sale-banner_23-2148339251.jpg", "http://img.b2bpic.net/free-vector/flat-design-cyber-monday-super-sale-banner_23-2148339251.jpg", "http://img.b2bpic.net/free-vector/gradient-accounting-logo-template_23-2148845127.jpg", "http://img.b2bpic.net/free-vector/web-optimization_1212-69.jpg", "http://img.b2bpic.net/free-vector/technology-logo-collection_23-2148152335.jpg", "http://img.b2bpic.net/free-vector/gradient-coding-developers-logo_23-2148809440.jpg", "http://img.b2bpic.net/free-vector/creative-code-logo-set_23-2148813823.jpg", "http://img.b2bpic.net/free-vector/antique-badge_23-2147511609.jpg", "http://img.b2bpic.net/free-vector/gradient-pp-logo-template_23-2151171196.jpg"]}
"http://img.b2bpic.net/free-vector/gradient-accounting-logo-template_23-2148845127.jpg",
"http://img.b2bpic.net/free-vector/web-optimization_1212-69.jpg",
"http://img.b2bpic.net/free-vector/technology-logo-collection_23-2148152335.jpg",
"http://img.b2bpic.net/free-vector/gradient-coding-developers-logo_23-2148809440.jpg",
"http://img.b2bpic.net/free-vector/creative-code-logo-set_23-2148813823.jpg",
"http://img.b2bpic.net/free-vector/antique-badge_23-2147511609.jpg",
"http://img.b2bpic.net/free-vector/gradient-pp-logo-template_23-2151171196.jpg",
]}
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
speed={50} speed={50}
@@ -293,29 +289,13 @@ export default function HomePage() {
<TestimonialCardTwelve <TestimonialCardTwelve
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Sarah Mitchell", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B0ABuqpqxyTI2rDlJ8OGJZLSvR/uploaded-1773616556931-y652brfr.jpg", imageAlt: "Sarah Mitchell"},
name: "Sarah Mitchell",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B0ABuqpqxyTI2rDlJ8OGJZLSvR/professional-headshot-of-a-successful-bu-1773615549536-6f46737a.png",
imageAlt: "Sarah Mitchell",
},
{ {
id: "2", id: "2", name: "James Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B0ABuqpqxyTI2rDlJ8OGJZLSvR/uploaded-1773616539921-xtpf91de.jpg", imageAlt: "James Rodriguez"},
name: "James Rodriguez",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B0ABuqpqxyTI2rDlJ8OGJZLSvR/professional-headshot-of-a-tech-entrepre-1773615549988-f70e2884.png",
imageAlt: "James Rodriguez",
},
{ {
id: "3", id: "3", name: "Emily Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B0ABuqpqxyTI2rDlJ8OGJZLSvR/uploaded-1773616544823-p6bc3dih.jpg", imageAlt: "Emily Chen"},
name: "Emily Chen",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B0ABuqpqxyTI2rDlJ8OGJZLSvR/professional-headshot-of-a-female-busine-1773615550324-f2c235ed.png",
imageAlt: "Emily Chen",
},
{ {
id: "4", id: "4", name: "David Thompson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B0ABuqpqxyTI2rDlJ8OGJZLSvR/uploaded-1773616424053-fz0ftjrn.jpg", imageAlt: "David Thompson"},
name: "David Thompson",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B0ABuqpqxyTI2rDlJ8OGJZLSvR/professional-headshot-of-a-business-cons-1773615550046-96dda710.png",
imageAlt: "David Thompson",
},
]} ]}
cardTitle="Exceptional Results, Exceptional Service" cardTitle="Exceptional Results, Exceptional Service"
cardTag="Client Testimonials" cardTag="Client Testimonials"
@@ -334,41 +314,23 @@ export default function HomePage() {
tagAnimation="slide-up" tagAnimation="slide-up"
faqs={[ faqs={[
{ {
id: "1", id: "1", title: "How long does it take to build a website?", content:
title: "How long does it take to build a website?", "Most projects take 4-12 weeks depending on complexity and scope. We provide a detailed timeline during our initial consultation. Simple 5-page websites take 4-6 weeks, while e-commerce platforms may take 10-12 weeks."},
content:
"Most projects take 4-12 weeks depending on complexity and scope. We provide a detailed timeline during our initial consultation. Simple 5-page websites take 4-6 weeks, while e-commerce platforms may take 10-12 weeks.",
},
{ {
id: "2", id: "2", title: "Do you offer ongoing support and maintenance?", content:
title: "Do you offer ongoing support and maintenance?", "Absolutely! All our packages include ongoing support and monthly maintenance. We provide security updates, performance optimization, backups, and technical support to keep your website running smoothly."},
content:
"Absolutely! All our packages include ongoing support and monthly maintenance. We provide security updates, performance optimization, backups, and technical support to keep your website running smoothly.",
},
{ {
id: "3", id: "3", title: "Will my website be mobile-friendly?", content:
title: "Will my website be mobile-friendly?", "Yes, 100%. Every website we build is fully responsive and optimized for all devices—desktop, tablet, and mobile. Mobile optimization is built into every project."},
content:
"Yes, 100%. Every website we build is fully responsive and optimized for all devices—desktop, tablet, and mobile. Mobile optimization is built into every project.",
},
{ {
id: "4", id: "4", title: "Can you help with SEO?", content:
title: "Can you help with SEO?", "Yes, we implement SEO best practices into every website we build. This includes keyword optimization, meta tags, site speed optimization, mobile responsiveness, and structured data markup to help you rank higher in search results."},
content:
"Yes, we implement SEO best practices into every website we build. This includes keyword optimization, meta tags, site speed optimization, mobile responsiveness, and structured data markup to help you rank higher in search results.",
},
{ {
id: "5", id: "5", title: "What if I need to make changes after launch?", content:
title: "What if I need to make changes after launch?", "All our packages include a revision period (30-60 days depending on plan). After that, we offer affordable hourly support or retainer packages for ongoing updates and improvements."},
content:
"All our packages include a revision period (30-60 days depending on plan). After that, we offer affordable hourly support or retainer packages for ongoing updates and improvements.",
},
{ {
id: "6", id: "6", title: "Do you build e-commerce websites?", content:
title: "Do you build e-commerce websites?", "Yes! We specialize in e-commerce solutions with integrated payment processing, inventory management, customer analytics, and abandoned cart recovery. We build on platforms like Shopify, WooCommerce, and custom solutions."},
content:
"Yes! We specialize in e-commerce solutions with integrated payment processing, inventory management, customer analytics, and abandoned cart recovery. We build on platforms like Shopify, WooCommerce, and custom solutions.",
},
]} ]}
faqsAnimation="slide-up" faqsAnimation="slide-up"
textboxLayout="default" textboxLayout="default"

4
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--foreground); color: var(--foreground);
font-family: var(--font-poppins), sans-serif; font-family: var(--font-inter), sans-serif;
position: relative; position: relative;
min-height: 100vh; min-height: 100vh;
overscroll-behavior: none; overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: var(--font-poppins), sans-serif; font-family: var(--font-libre-baskerville), serif;
} }