Bob AI: Redesign the Pixel Petal Studio website to fully embody the
This commit is contained in:
kudinDmitriyUp
@@ -5,7 +5,7 @@
|
||||
|
||||
:root {
|
||||
/* @colorThemes/lightTheme/grayNavyBlue */
|
||||
--background: #0a0a0a;
|
||||
--background: #FFFFFF;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #ffffffe6;
|
||||
--primary-cta: #e6e6e6;
|
||||
|
||||
@@ -1,311 +1,40 @@
|
||||
import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps';
|
||||
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
|
||||
import HeroBillboardTiltedCarousel from '@/components/sections/hero/HeroBillboardTiltedCarousel';
|
||||
import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';
|
||||
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
|
||||
import TestimonialMarqueeOverlayCards from '@/components/sections/testimonial/TestimonialMarqueeOverlayCards';
|
||||
import { Diamond, Sparkles, Zap } from "lucide-react";
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
// AUTO-GENERATED shell by per-section-migrate.
|
||||
// Section bodies live in the sibling sections/ folder (one file per section).
|
||||
// Edit those section files directly. Non-block content (wrappers,
|
||||
// non-inlinable sections) is preserved inline; extracted section blocks
|
||||
// become component refs.
|
||||
|
||||
export default function HomePage() {
|
||||
import React from 'react';
|
||||
import HeroSection from './HomePage/sections/Hero';
|
||||
import AboutSection from './HomePage/sections/About';
|
||||
import ExpertiseSection from './HomePage/sections/Expertise';
|
||||
import MetricsSection from './HomePage/sections/Metrics';
|
||||
import StudiesSection from './HomePage/sections/Studies';
|
||||
import TestimonialsSection from './HomePage/sections/Testimonials';
|
||||
import SocialProofSection from './HomePage/sections/SocialProof';
|
||||
import FaqSection from './HomePage/sections/Faq';
|
||||
import ContactSection from './HomePage/sections/Contact';
|
||||
|
||||
export default function HomePage(): React.JSX.Element {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBillboardTiltedCarousel
|
||||
tag="Digital Experience Studio"
|
||||
title="Designing Websites That Bloom Brands"
|
||||
description="We craft premium digital experiences and unforgettable online identities for modern businesses that refuse mediocrity."
|
||||
primaryButton={{
|
||||
text: "Start Your Project",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "View Portfolio",
|
||||
href: "#studies",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ethereal-flower-studio_23-2151899921.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glowing-yellow-wave-pattern-dark-backdrop-generated-by-ai_188544-35171.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/transparent-glass-with-fizzy-water-colored-glass-straws_23-2149331902.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/reflection-light-prisms-colorful-effect_23-2148898181.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-glowing-background_23-2151907692.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=yntaex",
|
||||
},
|
||||
]}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<>
|
||||
<HeroSection />
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutFeaturesSplit
|
||||
tag="Our Philosophy"
|
||||
title="Craftsmanship Over Templates"
|
||||
description="We believe digital experiences should be handcrafted to match the unique soul of your brand. We don't build sites; we plant the seeds of your digital future."
|
||||
items={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Strategic Vision",
|
||||
description: "Positioning your brand beyond just features.",
|
||||
},
|
||||
{
|
||||
icon: Diamond,
|
||||
title: "Premium Aesthetics",
|
||||
description: "Visuals that define your market dominance.",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "High-Performance",
|
||||
description: "Seamless, fast, and responsive delivery.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2151272900.jpg"
|
||||
textAnimation="slide-up"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<AboutSection />
|
||||
|
||||
<div id="expertise" data-section="expertise">
|
||||
<SectionErrorBoundary name="expertise">
|
||||
<FeaturesDetailedSteps
|
||||
tag="Our Process"
|
||||
title="The Growth Lifecycle"
|
||||
description="A meticulous journey from initial concept to digital dominance."
|
||||
steps={[
|
||||
{
|
||||
tag: "01",
|
||||
title: "Discovery",
|
||||
subtitle: "Defining the core",
|
||||
description: "Analyzing your brand essence.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139272.jpg",
|
||||
},
|
||||
{
|
||||
tag: "02",
|
||||
title: "Concept",
|
||||
subtitle: "Visual blueprints",
|
||||
description: "Crafting the visual language.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/isolated-soap-oil-bubbles-watery-background_23-2148290104.jpg",
|
||||
},
|
||||
{
|
||||
tag: "03",
|
||||
title: "Development",
|
||||
subtitle: "Technical artistry",
|
||||
description: "Building the premium experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/luxury-real-estate-landing-page-template_23-2150627379.jpg",
|
||||
},
|
||||
]}
|
||||
textAnimation="slide-up"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ExpertiseSection />
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsMediaCards
|
||||
tag="Proven Results"
|
||||
title="Impact In Numbers"
|
||||
description="Driving tangible growth for premium brands."
|
||||
metrics={[
|
||||
{
|
||||
value: "150%",
|
||||
title: "Conversion Lift",
|
||||
description: "Average improvement for our clients.",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/golden-number-eight-with-luxury-background_511564-3034.jpg",
|
||||
},
|
||||
{
|
||||
value: "2x",
|
||||
title: "Brand Recall",
|
||||
description: "Superior design creates lasting impact.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-bar-graph-orange-graph-pink-background_23-2147892252.jpg",
|
||||
},
|
||||
]}
|
||||
textAnimation="slide-up"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<MetricsSection />
|
||||
|
||||
<div id="studies" data-section="studies">
|
||||
<SectionErrorBoundary name="studies">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="Case Studies"
|
||||
title="Unforgettable Identities"
|
||||
description="Hand-picked projects that showcase our capability to Bloom Brands."
|
||||
items={[
|
||||
{
|
||||
title: "Luxury Fashion Site",
|
||||
description: "Redefining e-commerce luxury.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/luxury-vertical-business-card-design_23-2151978574.jpg",
|
||||
},
|
||||
{
|
||||
title: "AI Tech Platform",
|
||||
description: "Humanizing complex software.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-dynamic-textured-wave-background_1048-10490.jpg",
|
||||
},
|
||||
{
|
||||
title: "Wellness Hub",
|
||||
description: "Calm, curated digital health.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mobile-phone-desk-diagram_1163-2765.jpg",
|
||||
},
|
||||
{
|
||||
title: "Fintech Experience",
|
||||
description: "Trust meets modern design.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-with-abstract-lines_1127-107.jpg",
|
||||
},
|
||||
{
|
||||
title: "Creative Agency",
|
||||
description: "High-impact portfolio site.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-luxurious-wedding-stationery-planner-resources_23-2150166862.jpg",
|
||||
},
|
||||
{
|
||||
title: "Real Estate App",
|
||||
description: "Elevated property discovery.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pregnant-woman-work_23-2149292846.jpg",
|
||||
},
|
||||
{
|
||||
title: "Luxury Lifestyle",
|
||||
description: "Exclusive branding digital.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pie-chart-market-share-business-icon-graphics_53876-120411.jpg",
|
||||
},
|
||||
]}
|
||||
textAnimation="slide-up"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<StudiesSection />
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialMarqueeOverlayCards
|
||||
tag="Client Trust"
|
||||
title="Voices of the Bloom"
|
||||
description="What industry leaders say about our studio."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "LuxBrand",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-15972.jpg",
|
||||
},
|
||||
{
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
company: "Innovate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-hipster-male-dressed-suit-sunglasses-dark-grey-background_613910-4689.jpg",
|
||||
},
|
||||
{
|
||||
name: "Emily Rodriguez",
|
||||
role: "Director",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2149271087.jpg",
|
||||
},
|
||||
{
|
||||
name: "David Kim",
|
||||
role: "Founder",
|
||||
company: "StartupX",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-bearded-man-dressed-wool-jacket-bow-tie_613910-15696.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena Vance",
|
||||
role: "VP",
|
||||
company: "EliteCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-young-lady-designer-sitting-office-night_171337-15592.jpg",
|
||||
},
|
||||
]}
|
||||
textAnimation="slide-up"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<TestimonialsSection />
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SectionErrorBoundary name="social-proof">
|
||||
<SocialProofMarquee
|
||||
tag="In Partnership With"
|
||||
title="Brands We've Helped Bloom"
|
||||
description="Our work is trusted by leading organizations globally."
|
||||
names={[
|
||||
"Luxe Design",
|
||||
"Innovate Tech",
|
||||
"Growth Partners",
|
||||
"Elite Corp",
|
||||
"Style Media",
|
||||
"Pure Wellness",
|
||||
"Apex Ventures",
|
||||
]}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<SocialProofSection />
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSplitMedia
|
||||
tag="Common Questions"
|
||||
title="Frequently Asked"
|
||||
description="Everything you need to know about working with Pixel Petal."
|
||||
items={[
|
||||
{
|
||||
question: "What is the typical timeline?",
|
||||
answer: "Premium builds usually take 8-12 weeks.",
|
||||
},
|
||||
{
|
||||
question: "Do you offer maintenance?",
|
||||
answer: "Yes, we provide ongoing care for our experiences.",
|
||||
},
|
||||
{
|
||||
question: "What industries do you serve?",
|
||||
answer: "We focus on premium mid-to-large businesses.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/less-is-more-beads-message-quote-with-beads_53876-101466.jpg"
|
||||
textAnimation="slide-up"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<FaqSection />
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Get Started"
|
||||
text="Ready to bloom your brand into the digital space?"
|
||||
primaryButton={{
|
||||
text: "Book a Consultation",
|
||||
href: "mailto:hello@pixelpetal.studio",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Portfolio Inquiry",
|
||||
href: "#",
|
||||
}}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ContactSection />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
40
src/pages/HomePage/sections/About.tsx
Normal file
40
src/pages/HomePage/sections/About.tsx
Normal file
@@ -0,0 +1,40 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "about" section.
|
||||
|
||||
import React from 'react';
|
||||
import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
|
||||
import { Diamond, Sparkles, Zap } from "lucide-react";
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function AboutSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutFeaturesSplit
|
||||
tag="Our Philosophy"
|
||||
title="Craftsmanship Over Templates"
|
||||
description="We believe digital experiences should be handcrafted to match the unique soul of your brand. We don't build sites; we plant the seeds of your digital future."
|
||||
items={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Strategic Vision",
|
||||
description: "Positioning your brand beyond just features.",
|
||||
},
|
||||
{
|
||||
icon: Diamond,
|
||||
title: "Premium Aesthetics",
|
||||
description: "Visuals that define your market dominance.",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "High-Performance",
|
||||
description: "Seamless, fast, and responsive delivery.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2151272900.jpg"
|
||||
textAnimation="slide-up"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
28
src/pages/HomePage/sections/Contact.tsx
Normal file
28
src/pages/HomePage/sections/Contact.tsx
Normal file
@@ -0,0 +1,28 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "contact" section.
|
||||
|
||||
import React from 'react';
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function ContactSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Get Started"
|
||||
text="Ready to bloom your brand into the digital space?"
|
||||
primaryButton={{
|
||||
text: "Book a Consultation",
|
||||
href: "mailto:hello@pixelpetal.studio",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Portfolio Inquiry",
|
||||
href: "#",
|
||||
}}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
44
src/pages/HomePage/sections/Expertise.tsx
Normal file
44
src/pages/HomePage/sections/Expertise.tsx
Normal file
@@ -0,0 +1,44 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "expertise" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function ExpertiseSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="expertise" data-section="expertise">
|
||||
<SectionErrorBoundary name="expertise">
|
||||
<FeaturesDetailedSteps
|
||||
tag="Our Process"
|
||||
title="The Growth Lifecycle"
|
||||
description="A meticulous journey from initial concept to digital dominance."
|
||||
steps={[
|
||||
{
|
||||
tag: "01",
|
||||
title: "Discovery",
|
||||
subtitle: "Defining the core",
|
||||
description: "Analyzing your brand essence.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139272.jpg",
|
||||
},
|
||||
{
|
||||
tag: "02",
|
||||
title: "Concept",
|
||||
subtitle: "Visual blueprints",
|
||||
description: "Crafting the visual language.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/isolated-soap-oil-bubbles-watery-background_23-2148290104.jpg",
|
||||
},
|
||||
{
|
||||
tag: "03",
|
||||
title: "Development",
|
||||
subtitle: "Technical artistry",
|
||||
description: "Building the premium experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/luxury-real-estate-landing-page-template_23-2150627379.jpg",
|
||||
},
|
||||
]}
|
||||
textAnimation="slide-up"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
36
src/pages/HomePage/sections/Faq.tsx
Normal file
36
src/pages/HomePage/sections/Faq.tsx
Normal file
@@ -0,0 +1,36 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "faq" section.
|
||||
|
||||
import React from 'react';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function FaqSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSplitMedia
|
||||
tag="Common Questions"
|
||||
title="Frequently Asked"
|
||||
description="Everything you need to know about working with Pixel Petal."
|
||||
items={[
|
||||
{
|
||||
question: "What is the typical timeline?",
|
||||
answer: "Premium builds usually take 8-12 weeks.",
|
||||
},
|
||||
{
|
||||
question: "Do you offer maintenance?",
|
||||
answer: "Yes, we provide ongoing care for our experiences.",
|
||||
},
|
||||
{
|
||||
question: "What industries do you serve?",
|
||||
answer: "We focus on premium mid-to-large businesses.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/less-is-more-beads-message-quote-with-beads_53876-101466.jpg"
|
||||
textAnimation="slide-up"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
49
src/pages/HomePage/sections/Hero.tsx
Normal file
49
src/pages/HomePage/sections/Hero.tsx
Normal file
@@ -0,0 +1,49 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "hero" section.
|
||||
|
||||
import React from 'react';
|
||||
import HeroBillboardTiltedCarousel from '@/components/sections/hero/HeroBillboardTiltedCarousel';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function HeroSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBillboardTiltedCarousel
|
||||
tag="Digital Experience Studio"
|
||||
title="Designing Websites That Bloom Brands"
|
||||
description="We craft premium digital experiences and unforgettable online identities for modern businesses that refuse mediocrity."
|
||||
primaryButton={{
|
||||
text: "Start Your Project",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "View Portfolio",
|
||||
href: "#studies",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ethereal-flower-studio_23-2151899921.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glowing-yellow-wave-pattern-dark-backdrop-generated-by-ai_188544-35171.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/transparent-glass-with-fizzy-water-colored-glass-straws_23-2149331902.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/reflection-light-prisms-colorful-effect_23-2148898181.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-glowing-background_23-2151907692.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=yntaex",
|
||||
},
|
||||
]}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
35
src/pages/HomePage/sections/Metrics.tsx
Normal file
35
src/pages/HomePage/sections/Metrics.tsx
Normal file
@@ -0,0 +1,35 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "metrics" section.
|
||||
|
||||
import React from 'react';
|
||||
import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function MetricsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsMediaCards
|
||||
tag="Proven Results"
|
||||
title="Impact In Numbers"
|
||||
description="Driving tangible growth for premium brands."
|
||||
metrics={[
|
||||
{
|
||||
value: "150%",
|
||||
title: "Conversion Lift",
|
||||
description: "Average improvement for our clients.",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/golden-number-eight-with-luxury-background_511564-3034.jpg",
|
||||
},
|
||||
{
|
||||
value: "2x",
|
||||
title: "Brand Recall",
|
||||
description: "Superior design creates lasting impact.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-bar-graph-orange-graph-pink-background_23-2147892252.jpg",
|
||||
},
|
||||
]}
|
||||
textAnimation="slide-up"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
30
src/pages/HomePage/sections/SocialProof.tsx
Normal file
30
src/pages/HomePage/sections/SocialProof.tsx
Normal file
@@ -0,0 +1,30 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "social-proof" section.
|
||||
|
||||
import React from 'react';
|
||||
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function SocialProofSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SectionErrorBoundary name="social-proof">
|
||||
<SocialProofMarquee
|
||||
tag="In Partnership With"
|
||||
title="Brands We've Helped Bloom"
|
||||
description="Our work is trusted by leading organizations globally."
|
||||
names={[
|
||||
"Luxe Design",
|
||||
"Innovate Tech",
|
||||
"Growth Partners",
|
||||
"Elite Corp",
|
||||
"Style Media",
|
||||
"Pure Wellness",
|
||||
"Apex Ventures",
|
||||
]}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
65
src/pages/HomePage/sections/Studies.tsx
Normal file
65
src/pages/HomePage/sections/Studies.tsx
Normal file
@@ -0,0 +1,65 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "studies" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function StudiesSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="studies" data-section="studies">
|
||||
<SectionErrorBoundary name="studies">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="Case Studies"
|
||||
title="Unforgettable Identities"
|
||||
description="Hand-picked projects that showcase our capability to Bloom Brands."
|
||||
items={[
|
||||
{
|
||||
title: "Luxury Fashion Site",
|
||||
description: "Redefining e-commerce luxury.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/luxury-vertical-business-card-design_23-2151978574.jpg",
|
||||
},
|
||||
{
|
||||
title: "AI Tech Platform",
|
||||
description: "Humanizing complex software.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-dynamic-textured-wave-background_1048-10490.jpg",
|
||||
},
|
||||
{
|
||||
title: "Wellness Hub",
|
||||
description: "Calm, curated digital health.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mobile-phone-desk-diagram_1163-2765.jpg",
|
||||
},
|
||||
{
|
||||
title: "Fintech Experience",
|
||||
description: "Trust meets modern design.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-with-abstract-lines_1127-107.jpg",
|
||||
},
|
||||
{
|
||||
title: "Creative Agency",
|
||||
description: "High-impact portfolio site.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-luxurious-wedding-stationery-planner-resources_23-2150166862.jpg",
|
||||
},
|
||||
{
|
||||
title: "Real Estate App",
|
||||
description: "Elevated property discovery.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pregnant-woman-work_23-2149292846.jpg",
|
||||
},
|
||||
{
|
||||
title: "Luxury Lifestyle",
|
||||
description: "Exclusive branding digital.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pie-chart-market-share-business-icon-graphics_53876-120411.jpg",
|
||||
},
|
||||
]}
|
||||
textAnimation="slide-up"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
58
src/pages/HomePage/sections/Testimonials.tsx
Normal file
58
src/pages/HomePage/sections/Testimonials.tsx
Normal file
@@ -0,0 +1,58 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "testimonials" section.
|
||||
|
||||
import React from 'react';
|
||||
import TestimonialMarqueeOverlayCards from '@/components/sections/testimonial/TestimonialMarqueeOverlayCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function TestimonialsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialMarqueeOverlayCards
|
||||
tag="Client Trust"
|
||||
title="Voices of the Bloom"
|
||||
description="What industry leaders say about our studio."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "LuxBrand",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-15972.jpg",
|
||||
},
|
||||
{
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
company: "Innovate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-hipster-male-dressed-suit-sunglasses-dark-grey-background_613910-4689.jpg",
|
||||
},
|
||||
{
|
||||
name: "Emily Rodriguez",
|
||||
role: "Director",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2149271087.jpg",
|
||||
},
|
||||
{
|
||||
name: "David Kim",
|
||||
role: "Founder",
|
||||
company: "StartupX",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-bearded-man-dressed-wool-jacket-bow-tie_613910-15696.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena Vance",
|
||||
role: "VP",
|
||||
company: "EliteCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-young-lady-designer-sitting-office-night_171337-15592.jpg",
|
||||
},
|
||||
]}
|
||||
textAnimation="slide-up"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user