Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-03-03 15:24:37 +00:00

View File

@@ -6,22 +6,24 @@ import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboard
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Rocket, Users, Award, TrendingUp, Zap, Palette, Code, Lock, Bell, BarChart3, HeadphonesIcon, Target, Sparkles, BookOpen, MessageSquare, Crown } from 'lucide-react';
const HomePage = () => {
const navItems = [
{ name: "Home", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Portfolio", id: "/portfolio" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
{ name: "Portfolio", id: "#portfolio" },
{ name: "Team", id: "#team" },
{ name: "Contact", id: "#contact" },
];
const footerColumns = [
{
title: "Services",
items: [
title: "Services", items: [
{ label: "Web Development", href: "/services" },
{ label: "Mobile Apps", href: "/services" },
{ label: "Design Services", href: "/services" },
@@ -29,27 +31,24 @@ const HomePage = () => {
],
},
{
title: "Company",
items: [
{ label: "About Us", href: "/about" },
{ label: "Our Team", href: "/about" },
{ label: "Portfolio", href: "/portfolio" },
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Our Team", href: "#team" },
{ label: "Portfolio", href: "#portfolio" },
{ label: "Blog", href: "#blog" },
],
},
{
title: "Connect",
items: [
{ label: "Contact Us", href: "/contact" },
title: "Connect", items: [
{ label: "Contact Us", href: "#contact" },
{ label: "LinkedIn", href: "https://linkedin.com/company/rantzoid" },
{ label: "Twitter", href: "https://twitter.com/rantzoid" },
{ label: "Instagram", href: "https://instagram.com/rantzoid" },
],
},
{
title: "Resources",
items: [
{ label: "Case Studies", href: "/portfolio" },
title: "Resources", items: [
{ label: "Case Studies", href: "#portfolio" },
{ label: "Insights", href: "#blog" },
{ label: "FAQ", href: "#faq" },
{ label: "Documentation", href: "#" },
@@ -64,7 +63,7 @@ const HomePage = () => {
borderRadius="pill"
contentWidth="medium"
sizing="largeSmallSizeMediumTitles"
background="aurora"
background="circleGradient"
cardStyle="gradient-radial"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
@@ -83,10 +82,10 @@ const HomePage = () => {
<HeroLogoBillboardSplit
logoText="RANTZOID"
description="Transform your digital presence with cutting-edge design, development, and strategic marketing solutions. We craft experiences that drive growth."
background={{ variant: "aurora" }}
background={{ variant: "plain" }}
buttons={[
{ text: "Start Your Project", href: "/contact" },
{ text: "View Our Work", href: "/portfolio" },
{ text: "Start Your Project", href: "#contact" },
{ text: "View Our Work", href: "#portfolio" },
]}
buttonAnimation="slide-up"
layoutOrder="default"
@@ -121,24 +120,13 @@ const HomePage = () => {
tagIcon={Zap}
features={[
{
title: "Web Design & Development",
description: "Custom websites built for performance, aesthetics, and user engagement that convert visitors to customers.",
bentoComponent: "globe",
},
title: "Web Design & Development", description: "Custom websites built for performance, aesthetics, and user engagement that convert visitors to customers.", bentoComponent: "globe"},
{
title: "Strategic Marketing",
description: "Data-driven campaigns that boost your brand presence and connect you with the right audience.",
bentoComponent: "animated-bar-chart",
},
title: "Strategic Marketing", description: "Data-driven campaigns that boost your brand presence and connect you with the right audience.", bentoComponent: "animated-bar-chart"},
{
title: "Mobile Applications",
description: "Native and cross-platform apps that deliver seamless user experiences on any device.",
bentoComponent: "phone",
statusIcon: Lock,
title: "Mobile Applications", description: "Native and cross-platform apps that deliver seamless user experiences on any device.", bentoComponent: "phone", statusIcon: Lock,
alertIcon: Bell,
alertTitle: "New Message",
alertMessage: "Your app is ready",
apps: [
alertTitle: "New Message", alertMessage: "Your app is ready", apps: [
{ name: "Design", icon: Palette },
{ name: "Code", icon: Code },
{ name: "Launch", icon: Rocket },
@@ -150,10 +138,7 @@ const HomePage = () => {
],
},
{
title: "Brand Identity",
description: "Complete branding solutions from logo design to brand guidelines that establish your unique market presence.",
bentoComponent: "3d-card-grid",
items: [
title: "Brand Identity", description: "Complete branding solutions from logo design to brand guidelines that establish your unique market presence.", bentoComponent: "3d-card-grid", items: [
{ name: "Logo Design", icon: Palette },
{ name: "Visual Identity", icon: Sparkles },
{ name: "Brand Guidelines", icon: BookOpen },
@@ -176,45 +161,17 @@ const HomePage = () => {
tag="Services"
products={[
{
id: "service-1",
brand: "Rantzoid",
name: "Full-Stack Web Development",
price: "Custom Quote",
rating: 5,
reviewCount: "45+",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/abstract-visualization-of-automation-and-1772551277895-5e250469.png?_wi=1",
imageAlt: "Web development services",
},
id: "service-1", brand: "Rantzoid", name: "Full-Stack Web Development", price: "Custom Quote", rating: 5,
reviewCount: "45+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/abstract-visualization-of-automation-and-1772551277895-5e250469.png", imageAlt: "Web development services"},
{
id: "service-2",
brand: "Rantzoid",
name: "Digital Marketing Strategy",
price: "Custom Quote",
rating: 5,
reviewCount: "38+",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/modern-data-analytics-dashboard-with-mul-1772551278168-e253bc93.png?_wi=1",
imageAlt: "Marketing strategy services",
},
id: "service-2", brand: "Rantzoid", name: "Digital Marketing Strategy", price: "Custom Quote", rating: 5,
reviewCount: "38+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/modern-data-analytics-dashboard-with-mul-1772551278168-e253bc93.png", imageAlt: "Marketing strategy services"},
{
id: "service-3",
brand: "Rantzoid",
name: "UI/UX Design Services",
price: "Custom Quote",
rating: 5,
reviewCount: "52+",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/digital-illustration-of-seamless-integra-1772551278054-b5b7aa96.png?_wi=1",
imageAlt: "UI/UX design services",
},
id: "service-3", brand: "Rantzoid", name: "UI/UX Design Services", price: "Custom Quote", rating: 5,
reviewCount: "52+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/digital-illustration-of-seamless-integra-1772551278054-b5b7aa96.png", imageAlt: "UI/UX design services"},
{
id: "service-4",
brand: "Rantzoid",
name: "Mobile App Development",
price: "Custom Quote",
rating: 5,
reviewCount: "41+",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/mobile-app-interface-design-showing-a-fi-1772551278702-5d147045.png?_wi=1",
imageAlt: "Mobile app development",
},
id: "service-4", brand: "Rantzoid", name: "Mobile App Development", price: "Custom Quote", rating: 5,
reviewCount: "41+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/mobile-app-interface-design-showing-a-fi-1772551278702-5d147045.png", imageAlt: "Mobile app development"},
]}
gridVariant="four-items-2x2-equal-grid"
animationType="slide-up"
@@ -224,62 +181,103 @@ const HomePage = () => {
/>
</div>
<div id="portfolio" data-section="portfolio">
<BlogCardOne
title="Featured Projects"
description="A selection of our most impactful work showcasing diverse industries and innovative solutions."
tag="Portfolio"
blogs={[
{
id: "project-1", category: "E-Commerce", title: "Premium E-Commerce Platform Redesign", excerpt: "Complete redesign and development of a luxury fashion retailer's online platform, resulting in 45% increase in conversions.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/professional-website-design-mockup-for-a-1772551278637-171a1504.png", imageAlt: "E-commerce project", authorName: "Sarah Chen", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/professional-headshot-of-a-creative-dire-1772551279760-15f7c76c.png", date: "March 15, 2025"},
{
id: "project-2", category: "FinTech", title: "Mobile Banking App Launch", excerpt: "Built a secure, user-friendly mobile banking application with real-time transaction tracking and advanced security features.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/mobile-app-interface-design-showing-a-fi-1772551278702-5d147045.png", imageAlt: "FinTech project", authorName: "Alex Rodriguez", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/professional-headshot-of-a-lead-develope-1772551277496-b9412baa.png", date: "February 28, 2025"},
{
id: "project-3", category: "Brand Identity", title: "Complete Brand Overhaul for Tech Startup", excerpt: "Strategic rebranding campaign including logo design, visual identity, and go-to-market strategy for Series A startup.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/brand-identity-and-marketing-campaign-de-1772551280970-d7a6b309.png", imageAlt: "Brand identity project", authorName: "Jordan Lee", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/professional-headshot-of-a-design-lead-i-1772551279173-9e462de9.png", date: "February 10, 2025"},
{
id: "project-4", category: "Web Design", title: "SaaS Platform Redesign & Optimization", excerpt: "Modernized SaaS dashboard with improved UX, resulting in 60% reduction in user support tickets and higher adoption rates.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/professional-website-design-mockup-for-a-1772551278637-171a1504.png", imageAlt: "SaaS redesign project", authorName: "Maya Patel", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/professional-headshot-of-a-project-manag-1772551280766-400ae3d8.png", date: "January 30, 2025"},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
carouselMode="buttons"
ariaLabel="Portfolio and featured projects"
/>
</div>
<div id="team" data-section="team">
<TeamCardSix
title="Meet Our Team"
description="Talented professionals dedicated to delivering excellence in every project"
tag="Team"
members={[
{
id: "1", name: "Sarah Chen", role: "Creative Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/professional-headshot-of-a-creative-dire-1772551279760-15f7c76c.png", imageAlt: "Sarah Chen, Creative Director"},
{
id: "2", name: "Alex Rodriguez", role: "Lead Developer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/professional-headshot-of-a-lead-develope-1772551277496-b9412baa.png", imageAlt: "Alex Rodriguez, Lead Developer"},
{
id: "3", name: "Jordan Lee", role: "Design Lead", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/professional-headshot-of-a-design-lead-i-1772551279173-9e462de9.png", imageAlt: "Jordan Lee, Design Lead"},
{
id: "4", name: "Maya Patel", role: "Project Manager", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/professional-headshot-of-a-project-manag-1772551280766-400ae3d8.png", imageAlt: "Maya Patel, Project Manager"},
]}
gridVariant="uniform-all-items-equal"
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={false}
ariaLabel="Team members of Rantzoid Digital"
/>
</div>
<div id="testimonials" data-section="testimonials">
<div className="py-16 md:py-24">
<div className="mx-auto px-4 md:px-6 max-w-6xl">
<div className="mb-12 text-center">
<p className="text-sm font-medium text-primary-cta mb-3">Testimonials</p>
<h2 className="text-3xl md:text-5xl font-medium mb-4">What Our Clients Say</h2>
<p className="text-lg text-foreground/70 max-w-2xl mx-auto">Join 80+ companies that have transformed their digital presence with Rantzoid Digital</p>
</div>
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
<div className="rounded-2xl overflow-hidden bg-gradient-to-br from-primary-cta/10 to-accent/10 p-8 border border-accent/30">
<div className="flex items-center gap-1 mb-4">
{[...Array(5)].map((_, i) => (
<span key={i} className="text-primary-cta"></span>
))}
</div>
<p className="text-foreground mb-6 leading-relaxed">"Rantzoid transformed our entire digital presence. Their team delivered beyond expectations and understood our vision perfectly. Highly recommend!"</p>
<div className="flex items-center gap-3">
<img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/professional-headshot-of-a-satisfied-cli-1772551279673-abb66479.png" alt="Emma Thompson" className="w-10 h-10 rounded-full object-cover" />
<div>
<p className="font-medium text-foreground">Emma Thompson</p>
<p className="text-sm text-foreground/60">Founder, ThreadFlow</p>
</div>
</div>
</div>
<div className="rounded-2xl overflow-hidden bg-gradient-to-br from-primary-cta/10 to-accent/10 p-8 border border-accent/30">
<div className="flex items-center gap-1 mb-4">
{[...Array(5)].map((_, i) => (
<span key={i} className="text-primary-cta"></span>
))}
</div>
<p className="text-foreground mb-6 leading-relaxed">"Working with Rantzoid was a game-changer. Their strategic approach and technical expertise helped us achieve a 45% increase in conversions."</p>
<div className="flex items-center gap-3">
<img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/professional-headshot-of-another-satisfi-1772551280079-a59ad56a.png" alt="David Kim" className="w-10 h-10 rounded-full object-cover" />
<div>
<p className="font-medium text-foreground">David Kim</p>
<p className="text-sm text-foreground/60">CEO, FinanceHub</p>
</div>
</div>
</div>
</div>
<div className="mt-12 grid grid-cols-3 gap-8 text-center">
<div>
<p className="text-3xl font-bold text-primary-cta mb-2">150+</p>
<p className="text-foreground/60">Projects Delivered</p>
</div>
<div>
<p className="text-3xl font-bold text-primary-cta mb-2">98%</p>
<p className="text-foreground/60">Client Satisfaction</p>
</div>
<div>
<p className="text-3xl font-bold text-primary-cta mb-2">8+ yrs</p>
<p className="text-foreground/60">Industry Experience</p>
</div>
</div>
</div>
</div>
<TestimonialCardSixteen
testimonials={[
{
id: "1", name: "Emma Thompson", role: "Founder", company: "ThreadFlow", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/professional-headshot-of-a-satisfied-cli-1772551279673-abb66479.png", imageAlt: "Emma Thompson testimonial"},
{
id: "2", name: "David Kim", role: "CEO", company: "FinanceHub", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/professional-headshot-of-another-satisfi-1772551280079-a59ad56a.png", imageAlt: "David Kim testimonial"},
{
id: "3", name: "Lisa Martinez", role: "Marketing Director", company: "CloudScale", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/professional-headshot-of-a-third-client--1772551277725-6a752399.png", imageAlt: "Lisa Martinez testimonial"},
{
id: "4", name: "James Wilson", role: "Product Lead", company: "InnovateLabs", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/professional-headshot-of-a-fourth-satisf-1772551278510-4ad93ccf.png", imageAlt: "James Wilson testimonial"},
{
id: "5", name: "Sophie Anderson", role: "Founder", company: "DesignCo", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/professional-headshot-of-a-fifth-client--1772551277296-f249df5e.png", imageAlt: "Sophie Anderson testimonial"},
{
id: "6", name: "Michael Chang", role: "VP Operations", company: "TechVentures", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARMze1HCNRGPBCThFDTfhr51NQ/professional-headshot-of-a-sixth-satisfi-1772551278336-b9f3c9aa.png", imageAlt: "Michael Chang testimonial"},
]}
kpiItems={[
{ value: "150+", label: "Projects Delivered" },
{ value: "98%", label: "Client Satisfaction" },
{ value: "8+ yrs", label: "Industry Experience" },
]}
title="What Our Clients Say"
description="Join 80+ companies that have transformed their digital presence with Rantzoid Digital"
tag="Testimonials"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
ariaLabel="Client testimonials and success stories"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
tag="Ready to Get Started?"
tagIcon={Zap}
title="Let's Transform Your Digital Future"
description="Ready to elevate your brand and drive growth? Our team is excited to partner with you and deliver exceptional results."
buttons={[
{ text: "Schedule Consultation", href: "#contact" },
{ text: "Request Quote", href: "#contact" },
]}
background={{ variant: "radial-gradient" }}
useInvertedBackground={true}
ariaLabel="Contact call-to-action section"
/>
</div>
<div id="footer" data-section="footer">