Merge version_1_1781549090136 into main #1

Merged
bender merged 1 commits from version_1_1781549090136 into main 2026-06-15 18:46:26 +00:00

View File

@@ -12,383 +12,182 @@ 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">
<HeroBillboard
tag="Design & Marketing Agency"
title="We Build Brands That Get Seen"
description="Ray Creatives helps brands stand out through strategic design, social media marketing, branding, and premium digital experiences."
primaryButton={{
text: "Start a Project",
href: "#contact",
}}
secondaryButton={{
text: "View Portfolio",
href: "#portfolio",
}}
imageSrc="http://img.b2bpic.net/free-photo/light-background-with-sunset-projector-lamp_53876-124194.jpg"
/>
</SectionErrorBoundary>
</div>
tag="Design & Marketing Agency"
title="We Build Brands That Get Seen"
description="Ray Creatives helps brands stand out through strategic design, social media marketing, branding, and premium digital experiences."
primaryButton={{
text: "Start a Project", href: "#contact"}}
secondaryButton={{
text: "View Portfolio", href: "#portfolio"}}
imageSrc="http://img.b2bpic.net/free-photo/light-background-with-sunset-projector-lamp_53876-124194.jpg"
/>
</SectionErrorBoundary>
</div>
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutMediaOverlay
tag="About RC"
title="Built for visibility. Designed for impact."
description="Ray Creatives is a modern creative design and marketing agency focused on helping businesses grow through branding, social media design, digital strategy, and visual storytelling. We combine clean aesthetics with strategic thinking to create brands that look premium and perform professionally."
imageSrc="http://img.b2bpic.net/free-photo/high-angle-desk-arrangement-with-notebooks-statistics_23-2149386344.jpg"
/>
</SectionErrorBoundary>
</div>
tag="About RC"
title="Built for visibility. Designed for impact."
description="Ray Creatives is a modern creative design and marketing agency focused on helping businesses grow through branding, social media design, digital strategy, and visual storytelling. We combine clean aesthetics with strategic thinking to create brands that look premium and perform professionally."
imageSrc="http://img.b2bpic.net/free-photo/high-angle-desk-arrangement-with-notebooks-statistics_23-2149386344.jpg"
/>
</SectionErrorBoundary>
</div>
<div id="services" data-section="services">
<SectionErrorBoundary name="services">
<div id="services" data-section="services">
<SectionErrorBoundary name="services">
<FeaturesArrowCards
tag="What We Do"
title="Comprehensive Creative Services"
description="Professional design and strategy solutions to elevate your brand identity and market reach."
items={[
{
title: "Branding & Identity",
tags: [
"Logos",
"Guidelines",
"Kits",
],
imageSrc: "http://img.b2bpic.net/free-photo/stationery-concept_23-2147800629.jpg",
},
{
title: "Social Media Design",
tags: [
"Flyers",
"Carousels",
"Campaigns",
],
imageSrc: "http://img.b2bpic.net/free-photo/green-clay-textured-background-colorful-handmade-creative-art-abstract-style_53876-134212.jpg",
},
{
title: "Web Design",
tags: [
"Landing Pages",
"Business Sites",
"UI",
],
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-day_52683-160828.jpg",
},
{
title: "Marketing Strategy",
tags: [
"Content",
"Ad Creative",
"Management",
],
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-business-concept_53876-165300.jpg",
},
{
title: "Print & Stationary",
tags: [
"Posters",
"Banners",
"Brochures",
],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-right-hand-holding-visit-card_1409-3370.jpg",
},
{
title: "Motion & Video",
tags: [
"Promo",
"Editing",
"Reels",
],
imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137471.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="What We Do"
title="Comprehensive Creative Services"
description="Professional design and strategy solutions to elevate your brand identity and market reach."
items={[
{
title: "Branding & Identity", tags: ["Logos", "Guidelines", "Kits"],
imageSrc: "http://img.b2bpic.net/free-photo/stationery-concept_23-2147800629.jpg"},
{
title: "Social Media Design", tags: ["Flyers", "Carousels", "Campaigns"],
imageSrc: "http://img.b2bpic.net/free-photo/green-clay-textured-background-colorful-handmade-creative-art-abstract-style_53876-134212.jpg"},
{
title: "Web Design", tags: ["Landing Pages", "Business Sites", "UI"],
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-day_52683-160828.jpg"},
{
title: "Marketing Strategy", tags: ["Content", "Ad Creative", "Management"],
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-business-concept_53876-165300.jpg"},
{
title: "Print & Stationary", tags: ["Posters", "Banners", "Brochures"],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-right-hand-holding-visit-card_1409-3370.jpg"},
{
title: "Motion & Video", tags: ["Promo", "Editing", "Reels"],
imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137471.jpg"},
]}
/>
</SectionErrorBoundary>
</div>
<div id="why-us" data-section="why-us">
<SectionErrorBoundary name="why-us">
<div id="why-us" data-section="why-us">
<SectionErrorBoundary name="why-us">
<MetricsSimpleCards
tag="Why Brands Work With RC"
title="The Ray Creatives Difference"
description="We blend creativity with measurable strategy to deliver professional results every time."
metrics={[
{
value: "Modern",
description: "Premium design aesthetics",
},
{
value: "Speed",
description: "Fast project turnaround",
},
{
value: "Strategy",
description: "Performance-based creativity",
},
{
value: "Impact",
description: "Consistent brand presence",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Why Brands Work With RC"
title="The Ray Creatives Difference"
description="We blend creativity with measurable strategy to deliver professional results every time."
metrics={[
{ value: "Modern", description: "Premium design aesthetics" },
{ value: "Speed", description: "Fast project turnaround" },
{ value: "Strategy", description: "Performance-based creativity" },
{ value: "Impact", description: "Consistent brand presence" },
]}
/>
</SectionErrorBoundary>
</div>
<div id="portfolio" data-section="portfolio">
<SectionErrorBoundary name="portfolio">
<div id="portfolio" data-section="portfolio">
<SectionErrorBoundary name="portfolio">
<FeaturesImageBento
tag="Selected Projects"
title="Our Creative Portfolio"
description="A showcase of our recent brand transformations and digital experiences."
items={[
{
title: "Brand Strategy",
description: "Complete identity revamp",
imageSrc: "http://img.b2bpic.net/free-vector/logo-branding-identity-corporate-vector-design_460848-8094.jpg",
},
{
title: "Social Growth",
description: "Engagement-focused campaigns",
imageSrc: "http://img.b2bpic.net/free-photo/stationery-ice-cream-concept_23-2147803263.jpg",
},
{
title: "Modern Web UI",
description: "Futuristic landing pages",
imageSrc: "http://img.b2bpic.net/free-psd/business-corporation-template_23-2151402198.jpg",
},
{
title: "Promo Flyer",
description: "High-impact event assets",
imageSrc: "http://img.b2bpic.net/free-photo/2023-happy-new-year-3d-text-typography-design-element_460848-15995.jpg",
},
{
title: "Corporate Kit",
description: "Professional brand guidelines",
imageSrc: "http://img.b2bpic.net/free-photo/business-cards-brochure_23-2147728503.jpg",
},
{
title: "Motion Reels",
description: "Dynamic video content",
imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-their-daily-occupation_23-2151137317.jpg",
},
{
title: "Web Portfolio",
description: "Premium design showcase",
imageSrc: "http://img.b2bpic.net/free-vector/landing-page-template-with-color-year-2022_23-2149217369.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Selected Projects"
title="Our Creative Portfolio"
description="A showcase of our recent brand transformations and digital experiences."
items={[
{ title: "Brand Strategy", description: "Complete identity revamp", imageSrc: "http://img.b2bpic.net/free-vector/logo-branding-identity-corporate-vector-design_460848-8094.jpg" },
{ title: "Social Growth", description: "Engagement-focused campaigns", imageSrc: "http://img.b2bpic.net/free-photo/stationery-ice-cream-concept_23-2147803263.jpg" },
{ title: "Modern Web UI", description: "Futuristic landing pages", imageSrc: "http://img.b2bpic.net/free-psd/business-corporation-template_23-2151402198.jpg" },
{ title: "Promo Flyer", description: "High-impact event assets", imageSrc: "http://img.b2bpic.net/free-photo/2023-happy-new-year-3d-text-typography-design-element_460848-15995.jpg" },
{ title: "Corporate Kit", description: "Professional brand guidelines", imageSrc: "http://img.b2bpic.net/free-photo/business-cards-brochure_23-2147728503.jpg" },
{ title: "Motion Reels", description: "Dynamic video content", imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-their-daily-occupation_23-2151137317.jpg" },
{ title: "Web Portfolio", description: "Premium design showcase", imageSrc: "http://img.b2bpic.net/free-vector/landing-page-template-with-color-year-2022_23-2149217369.jpg" },
]}
/>
</SectionErrorBoundary>
</div>
<div id="process" data-section="process">
<SectionErrorBoundary name="process">
<div id="process" data-section="process">
<SectionErrorBoundary name="process">
<FeaturesArrowCards
tag="Our Creative Process"
title="How We Deliver Impact"
description="Our streamlined approach ensures your brand vision is executed perfectly."
items={[
{
title: "Discovery",
tags: [
"Goals",
"Research",
],
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk_23-2150440910.jpg",
},
{
title: "Strategy",
tags: [
"Brand Path",
"Concept",
],
imageSrc: "http://img.b2bpic.net/free-vector/gradient-retro-vaporwave-birthday-facebook-post_23-2149208795.jpg",
},
{
title: "Design",
tags: [
"Execution",
"Visuals",
],
imageSrc: "http://img.b2bpic.net/free-psd/working-new-normal-way-instagram-stories_23-2148633876.jpg",
},
{
title: "Revisions",
tags: [
"Feedback",
"Refinement",
],
imageSrc: "http://img.b2bpic.net/free-photo/realistic-burger-packaging-mockup_58466-18336.jpg",
},
{
title: "Delivery",
tags: [
"Launch",
"Assets",
],
imageSrc: "http://img.b2bpic.net/free-photo/be-creative-fresh-ideas-solution-innovation-concept_53876-123677.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Our Creative Process"
title="How We Deliver Impact"
description="Our streamlined approach ensures your brand vision is executed perfectly."
items={[
{ title: "Discovery", tags: ["Goals", "Research"], imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk_23-2150440910.jpg" },
{ title: "Strategy", tags: ["Brand Path", "Concept"], imageSrc: "http://img.b2bpic.net/free-vector/gradient-retro-vaporwave-birthday-facebook-post_23-2149208795.jpg" },
{ title: "Design", tags: ["Execution", "Visuals"], imageSrc: "http://img.b2bpic.net/free-psd/working-new-normal-way-instagram-stories_23-2148633876.jpg" },
{ title: "Revisions", tags: ["Feedback", "Refinement"], imageSrc: "http://img.b2bpic.net/free-photo/realistic-burger-packaging-mockup_58466-18336.jpg" },
{ title: "Delivery", tags: ["Launch", "Assets"], imageSrc: "http://img.b2bpic.net/free-photo/be-creative-fresh-ideas-solution-innovation-concept_53876-123677.jpg" },
]}
/>
</SectionErrorBoundary>
</div>
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialRatingCards
tag="Client Feedback"
title="Trusted by Growing Brands"
description="Here is what our clients have to say about their experience with Ray Creatives."
testimonials={[
{
name: "Sarah J.",
role: "Marketing Director",
quote: "Ray Creatives completely transformed our brand image.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stationery-office-supplies-wooden-desk_23-2151968870.jpg",
},
{
name: "Michael R.",
role: "CEO",
quote: "Fast, clean and highly professional designs.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/drawings-social-media-s-concepts_1134-72.jpg",
},
{
name: "David K.",
role: "Founder",
quote: "Their visuals actually helped increase engagement.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-psd/business-concept_23-2150288633.jpg",
},
{
name: "Emily S.",
role: "Creative Lead",
quote: "A truly modern and professional experience.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/abstract-flower-element-pink-green-watercolor-background-illustration-high-resolution-free-photo_1340-21791.jpg",
},
{
name: "Justin M.",
role: "Business Owner",
quote: "Exactly the creative boost our brand needed.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-brand-manual-brochure_23-2149861285.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Client Feedback"
title="Trusted by Growing Brands"
description="Here is what our clients have to say about their experience with Ray Creatives."
testimonials={[
{ name: "Sarah J.", role: "Marketing Director", quote: "Ray Creatives completely transformed our brand image.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stationery-office-supplies-wooden-desk_23-2151968870.jpg" },
{ name: "Michael R.", role: "CEO", quote: "Fast, clean and highly professional designs.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/drawings-social-media-s-concepts_1134-72.jpg" },
{ name: "David K.", role: "Founder", quote: "Their visuals actually helped increase engagement.", rating: 5, imageSrc: "http://img.b2bpic.net/free-psd/business-concept_23-2150288633.jpg" },
{ name: "Emily S.", role: "Creative Lead", quote: "A truly modern and professional experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/abstract-flower-element-pink-green-watercolor-background-illustration-high-resolution-free-photo_1340-21791.jpg" },
{ name: "Justin M.", role: "Business Owner", quote: "Exactly the creative boost our brand needed.", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/flat-design-brand-manual-brochure_23-2149861285.jpg" },
]}
/>
</SectionErrorBoundary>
</div>
<div id="pricing" data-section="pricing">
<SectionErrorBoundary name="pricing">
<div id="pricing" data-section="pricing">
<SectionErrorBoundary name="pricing">
<PricingMediaCards
tag="Creative Packages"
title="Transparent Pricing"
description="Choose a package that fits your brand goals and growth objectives."
plans={[
{
tag: "Basic",
price: "$999",
period: "/mo",
features: [
"8 Social Media Designs",
"Basic Branding",
"5-Day Delivery",
],
primaryButton: {
text: "Start Now",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/side-view-designer-holding-color-palette_23-2149930957.jpg",
},
{
title: "Growth",
tag: "Growth",
price: "$1,999",
period: "/mo",
features: [
"15 Designs Monthly",
"Strategy Support",
"Priority Delivery",
],
primaryButton: {
text: "Scale Now",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-with-wavy-texture_23-2150169212.jpg",
},
{
title: "Brand Full",
tag: "Premium",
price: "$4,999",
period: "once",
features: [
"Full Visual Identity",
"Website Design",
"Premium Support",
],
primaryButton: {
text: "Build Now",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-psd/flat-design-job-resume-landing-page-template_23-2150316103.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Creative Packages"
title="Transparent Pricing"
description="Choose a package that fits your brand goals and growth objectives."
plans={[
{
tag: "Basic", price: "$999", period: "/mo", features: ["8 Social Media Designs", "Basic Branding", "5-Day Delivery"],
primaryButton: { text: "Start Now", href: "#contact" },
imageSrc: "http://img.b2bpic.net/free-photo/side-view-designer-holding-color-palette_23-2149930957.jpg"},
{
tag: "Growth", price: "$1,999", period: "/mo", features: ["15 Designs Monthly", "Strategy Support", "Priority Delivery"],
primaryButton: { text: "Scale Now", href: "#contact" },
imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-with-wavy-texture_23-2150169212.jpg"},
{
tag: "Premium", price: "$4,999", period: "once", features: ["Full Visual Identity", "Website Design", "Premium Support"],
primaryButton: { text: "Build Now", href: "#contact" },
imageSrc: "http://img.b2bpic.net/free-psd/flat-design-job-resume-landing-page-template_23-2150316103.jpg"},
]}
/>
</SectionErrorBoundary>
</div>
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqTwoColumn
tag="Common Questions"
title="Everything You Need to Know"
description="Find answers to the most common questions about our agency process and services."
items={[
{
question: "How long does a project take?",
answer: "Average projects take 5-10 business days depending on complexity.",
},
{
question: "Do you offer monthly retainers?",
answer: "Yes, we have monthly packages for social media and branding support.",
},
{
question: "Can RC manage social media pages?",
answer: "Yes, our team provides social media management and ad creative services.",
},
{
question: "Do you redesign existing brands?",
answer: "Absolutely, we specialize in refreshing and elevating existing brands.",
},
{
question: "What industries do you work with?",
answer: "We work with lifestyle, tech, corporate, and e-commerce brands.",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Common Questions"
title="Everything You Need to Know"
description="Find answers to the most common questions about our agency process and services."
items={[
{ question: "How long does a project take?", answer: "Average projects take 5-10 business days depending on complexity." },
{ question: "Do you offer monthly retainers?", answer: "Yes, we have monthly packages for social media and branding support." },
{ question: "Can RC manage social media pages?", answer: "Yes, our team provides social media management and ad creative services." },
{ question: "Do you redesign existing brands?", answer: "Absolutely, we specialize in refreshing and elevating existing brands." },
{ question: "What industries do you work with?", answer: "We work with lifestyle, tech, corporate, and e-commerce brands." },
]}
/>
</SectionErrorBoundary>
</div>
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Contact Us"
text="Ready to take your brand to the next level? Let's build something great together."
primaryButton={{
text: "Book a Consultation",
href: "#contact",
}}
secondaryButton={{
text: "Follow on Instagram",
href: "https://instagram.com",
}}
/>
</SectionErrorBoundary>
</div>
tag="Contact Us"
text="Ready to take your brand to the next level? Let's build something great together."
primaryButton={{ text: "Book a Consultation", href: "#contact" }}
secondaryButton={{ text: "Follow on Instagram", href: "https://instagram.com" }}
/>
</SectionErrorBoundary>
</div>
</>
);
}