Merge version_1_1782138782143 into main #2

Merged
bender merged 2 commits from version_1_1782138782143 into main 2026-06-22 14:35:08 +00:00

View File

@@ -13,339 +13,162 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HomePage() {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroBillboardCarousel
tag="Creative Excellence"
title="Creative Solutions That Transform Your Brand"
description="We craft compelling visual identities and digital experiences for ambitious businesses. See how we've helped brands stand out in competitive markets."
primaryButton={{
text: "View Our Work",
href: "#products",
}}
secondaryButton={{
text: "Contact Us",
href: "#contact",
}}
items={[
{
imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-103271.jpg?_wi=1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543706.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/neon-purple-lights-with-bokeh-effect_1017-2671.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/vertical-graphic-illustration-yellow-light-blue-circles-background_181624-18569.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-103223.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-glimmers-light-flares_23-2151871982.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Creative Excellence"
title="Creative Solutions That Transform Your Brand"
description="We craft compelling visual identities and digital experiences for ambitious businesses. See how we've helped brands stand out in competitive markets."
primaryButton={{ text: "View Our Work", href: "#products" }}
secondaryButton={{ text: "Contact Us", href: "#contact" }}
items={[
{ imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-103271.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543706.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/neon-purple-lights-with-bokeh-effect_1017-2671.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-graphic-illustration-yellow-light-blue-circles-background_181624-18569.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-103223.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/abstract-glimmers-light-flares_23-2151871982.jpg" },
]}
/>
</SectionErrorBoundary>
</div>
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutFeaturesSplit
tag="Our Philosophy"
title="Crafting Stories, Building Brands"
description="We believe in the power of visual communication to solve complex business problems. Our approach blends strategic thinking with bold artistic execution."
items={[
{
icon: Sparkles,
title: "Strategic Design",
description: "Every project begins with a deep dive into your business goals.",
},
{
icon: Zap,
title: "Rapid Iteration",
description: "We believe in feedback-driven design for faster results.",
},
{
icon: Shield,
title: "Brand Integrity",
description: "We ensure your visual identity remains consistent across all touchpoints.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-view-notebook-desk_23-2148304861.jpg"
/>
</SectionErrorBoundary>
</div>
tag="Our Philosophy"
title="Crafting Stories, Building Brands"
description="We believe in the power of visual communication to solve complex business problems. Our approach blends strategic thinking with bold artistic execution."
items={[
{ icon: "Sparkles", title: "Strategic Design", description: "Every project begins with a deep dive into your business goals." },
{ icon: "Zap", title: "Rapid Iteration", description: "We believe in feedback-driven design for faster results." },
{ icon: "Shield", title: "Brand Integrity", description: "We ensure your visual identity remains consistent across all touchpoints." },
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-view-notebook-desk_23-2148304861.jpg"
/>
</SectionErrorBoundary>
</div>
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<FeaturesBento
tag="Our Services"
title="Full-Service Creative Powerhouse"
description="Comprehensive creative services tailored to ambitious brands."
features={[
{
title: "Brand Identity",
description: "Logo systems and visual guidelines.",
bentoComponent: "info-card-marquee",
infoCards: [
{
icon: Pen,
label: "Identity",
value: "Bold",
},
{
icon: Layout,
label: "Strategy",
value: "Deep",
},
{
icon: Star,
label: "Quality",
value: "Max",
},
],
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=yjnzbl",
imageAlt: "tech company logo minimalist",
},
{
title: "UI/UX Design",
description: "Compelling digital experiences.",
bentoComponent: "tilted-stack-cards",
stackCards: [
{
icon: Monitor,
title: "Web",
subtitle: "Modern",
detail: "Clean",
},
{
icon: Smartphone,
title: "Mobile",
subtitle: "Responsive",
detail: "Adaptive",
},
{
icon: Layout,
title: "Desktop",
subtitle: "App",
detail: "Intuitive",
},
],
imageSrc: "https://storage.googleapis.com/webild/users/user_3FUnsLXrqBLwUYrIwilHWELihFK/uploaded-1782138788617-8mv2m5mt.png?_wi=1",
imageAlt: "tech company logo minimalist",
},
{
title: "Workflow",
description: "Our collaborative process.",
bentoComponent: "checklist-timeline",
heading: "Process",
subheading: "How we create",
checklistItems: [
{
label: "Discovery",
detail: "Deep dive.",
},
{
label: "Concept",
detail: "Creative brainstorming.",
},
{
label: "Execution",
detail: "High-fidelity work.",
},
],
completedLabel: "Launch",
imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-103271.jpg?_wi=2",
imageAlt: "tech company logo minimalist",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Our Services"
title="Full-Service Creative Powerhouse"
description="Comprehensive creative services tailored to ambitious brands."
features={[
{
title: "Brand Identity", description: "Logo systems and visual guidelines.", bentoComponent: "info-card-marquee", infoCards: [
{ icon: "Pen", label: "Identity", value: "Bold" },
{ icon: "Layout", label: "Strategy", value: "Deep" },
{ icon: "Star", label: "Quality", value: "Max" },
],
},
{
title: "UI/UX Design", description: "Compelling digital experiences.", bentoComponent: "tilted-stack-cards", stackCards: [
{ icon: "Monitor", title: "Web", subtitle: "Modern", detail: "Clean" },
{ icon: "Smartphone", title: "Mobile", subtitle: "Responsive", detail: "Adaptive" },
{ icon: "Layout", title: "Desktop", subtitle: "App", detail: "Intuitive" },
],
},
{
title: "Workflow", description: "Our collaborative process.", bentoComponent: "checklist-timeline", heading: "Process", subheading: "How we create", checklistItems: [
{ label: "Discovery", detail: "Deep dive." },
{ label: "Concept", detail: "Creative brainstorming." },
{ label: "Execution", detail: "High-fidelity work." },
],
completedLabel: "Launch"},
]}
/>
</SectionErrorBoundary>
</div>
<div id="products" data-section="products">
<SectionErrorBoundary name="products">
<div id="products" data-section="products">
<SectionErrorBoundary name="products">
<FeaturesImageBento
tag="Our Portfolio"
title="Selected Works"
description="A glimpse into our recent collaborations and successful brand transformations."
items={[
{
title: "Brand Identity Redesign",
description: "For a global tech startup.",
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-stationery-elements-fruit_23-2148851528.jpg",
},
{
title: "E-Commerce Experience",
description: "Seamless digital shopping.",
imageSrc: "http://img.b2bpic.net/free-photo/website-development-layout-sketch-drawing_53876-124188.jpg",
},
{
title: "Conceptual Art Series",
description: "Brand-focused illustration.",
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-working-desk_53876-46928.jpg",
},
{
title: "Corporate Design Guidelines",
description: "Unified visual rules.",
imageSrc: "http://img.b2bpic.net/free-photo/gray-simple-textured-background-design_53876-145149.jpg",
},
{
title: "SaaS Platform Launch",
description: "Modern app architecture.",
imageSrc: "http://img.b2bpic.net/free-photo/young-game-developer-using-modern-software-design-interface_482257-23400.jpg",
},
{
title: "Editorial Print Campaign",
description: "Bold print typography.",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-banner-lego-art-poster-transparent-psd-file_460848-6828.jpg",
},
{
title: "Interactive Brand Hub",
description: "User-focused brand space.",
imageSrc: "http://img.b2bpic.net/free-photo/amazed-businesswoman-watching-virtual-presentation_74855-1093.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Our Portfolio"
title="Selected Works"
description="A glimpse into our recent collaborations and successful brand transformations."
items={[
{ title: "Brand Identity Redesign", description: "For a global tech startup.", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-stationery-elements-fruit_23-2148851528.jpg" },
{ title: "E-Commerce Experience", description: "Seamless digital shopping.", imageSrc: "http://img.b2bpic.net/free-photo/website-development-layout-sketch-drawing_53876-124188.jpg" },
{ title: "Conceptual Art Series", description: "Brand-focused illustration.", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-working-desk_53876-46928.jpg" },
{ title: "Corporate Design Guidelines", description: "Unified visual rules.", imageSrc: "http://img.b2bpic.net/free-photo/gray-simple-textured-background-design_53876-145149.jpg" },
{ title: "SaaS Platform Launch", description: "Modern app architecture.", imageSrc: "http://img.b2bpic.net/free-photo/young-game-developer-using-modern-software-design-interface_482257-23400.jpg" },
{ title: "Editorial Print Campaign", description: "Bold print typography.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-banner-lego-art-poster-transparent-psd-file_460848-6828.jpg" },
{ title: "Interactive Brand Hub", description: "User-focused brand space.", imageSrc: "http://img.b2bpic.net/free-photo/amazed-businesswoman-watching-virtual-presentation_74855-1093.jpg" },
]}
/>
</SectionErrorBoundary>
</div>
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsMediaCards
tag="Results Driven"
title="Proven Impact"
description="Data-backed design results for our partners."
metrics={[
{
value: "150+",
title: "Successful Launches",
description: "Projects completed.",
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-swirl_1232-1903.jpg",
},
{
value: "85%",
title: "Growth Rate",
description: "Increased client engagement.",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543700.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Results Driven"
title="Proven Impact"
description="Data-backed design results for our partners."
metrics={[
{ value: "150+", title: "Successful Launches", description: "Projects completed.", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-swirl_1232-1903.jpg" },
{ value: "85%", title: "Growth Rate", description: "Increased client engagement.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543700.jpg" },
]}
/>
</SectionErrorBoundary>
</div>
<div id="team" data-section="team">
<SectionErrorBoundary name="team">
<div id="team" data-section="team">
<SectionErrorBoundary name="team">
<TeamOverlayCards
tag="Meet The Team"
title="The Minds Behind Nu-Ar"
description="Our team of multidisciplinary creative professionals."
members={[
{
name: "Alex Rivers",
role: "Creative Director",
imageSrc: "http://img.b2bpic.net/free-photo/three-coworkers-looking-monitor_23-2149370564.jpg",
},
{
name: "Jordan Smith",
role: "Senior Designer",
imageSrc: "http://img.b2bpic.net/free-photo/man-is-working-cafe-concept-freelancing-coffee-laptop_1321-898.jpg",
},
{
name: "Casey Morgan",
role: "UX Researcher",
imageSrc: "http://img.b2bpic.net/free-photo/group-graphic-designers-working-computer_1170-2927.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Meet The Team"
title="The Minds Behind Nu-Ar"
description="Our team of multidisciplinary creative professionals."
members={[
{ name: "Alex Rivers", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/three-coworkers-looking-monitor_23-2149370564.jpg" },
{ name: "Jordan Smith", role: "Senior Designer", imageSrc: "http://img.b2bpic.net/free-photo/man-is-working-cafe-concept-freelancing-coffee-laptop_1321-898.jpg" },
{ name: "Casey Morgan", role: "UX Researcher", imageSrc: "http://img.b2bpic.net/free-photo/group-graphic-designers-working-computer_1170-2927.jpg" },
]}
/>
</SectionErrorBoundary>
</div>
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialRatingCards
tag="Testimonials"
title="Client Success Stories"
description="Hear what our partners think about our work."
testimonials={[
{
name: "Sarah Miller",
role: "CMO",
quote: "Nu-Ar transformed our branding into something truly global.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
},
{
name: "David Chen",
role: "CEO",
quote: "Incredible communication and beautiful design work.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202433.jpg",
},
{
name: "Elena Rodriguez",
role: "Startup Founder",
quote: "The creative process was seamless and the results were amazing.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/two-young-successful-businesswomen-looking-tablet-business-centre_176420-5732.jpg",
},
{
name: "Marcus Thorne",
role: "Product Manager",
quote: "Professional, efficient, and deeply talented.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-taking-selfie-showing-thumb-up_23-2148056111.jpg",
},
{
name: "Sarah Jenkins",
role: "Brand Lead",
quote: "They exceeded our expectations in every single project.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/designers-team-working-3d-model_23-2149371893.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Testimonials"
title="Client Success Stories"
description="Hear what our partners think about our work."
testimonials={[
{ name: "Sarah Miller", role: "CMO", quote: "Nu-Ar transformed our branding into something truly global.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg" },
{ name: "David Chen", role: "CEO", quote: "Incredible communication and beautiful design work.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-lawyer-portrait_23-2151202433.jpg" },
{ name: "Elena Rodriguez", role: "Startup Founder", quote: "The creative process was seamless and the results were amazing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-young-successful-businesswomen-looking-tablet-business-centre_176420-5732.jpg" },
{ name: "Marcus Thorne", role: "Product Manager", quote: "Professional, efficient, and deeply talented.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-taking-selfie-showing-thumb-up_23-2148056111.jpg" },
{ name: "Sarah Jenkins", role: "Brand Lead", quote: "They exceeded our expectations in every single project.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/designers-team-working-3d-model_23-2149371893.jpg" },
]}
/>
</SectionErrorBoundary>
</div>
<div id="social-proof" data-section="social-proof">
<SectionErrorBoundary name="social-proof">
<div id="social-proof" data-section="social-proof">
<SectionErrorBoundary name="social-proof">
<SocialProofMarquee
tag="Trusted By"
title="Collaborated with Industry Leaders"
description="Partnerships built on trust and design excellence."
names={[
"TechInnovate",
"GlobalConnect",
"DesignSystems Inc",
"CloudDynamics",
"PixelPerfect",
"FutureLab",
"BrandFlow",
]}
/>
</SectionErrorBoundary>
</div>
tag="Trusted By"
title="Collaborated with Industry Leaders"
description="Partnerships built on trust and design excellence."
names={[
"TechInnovate", "GlobalConnect", "DesignSystems Inc", "CloudDynamics", "PixelPerfect", "FutureLab", "BrandFlow"]}
/>
</SectionErrorBoundary>
</div>
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Ready to Collaborate?"
text="Let's turn your vision into reality. Start your creative project with our team today."
primaryButton={{
text: "Contact Us",
href: "#",
}}
secondaryButton={{
text: "Book a Consultation",
href: "#",
}}
/>
</SectionErrorBoundary>
</div>
tag="Ready to Collaborate?"
text="Let's turn your vision into reality. Start your creative project with our team today."
primaryButton={{ text: "Contact Us", href: "#" }}
secondaryButton={{ text: "Book a Consultation", href: "#" }}
/>
</SectionErrorBoundary>
</div>
</>
);
}
}