Merge version_2_1782045701420 into main #5
@@ -1,296 +1,36 @@
|
||||
import AboutTextSplit from '@/components/sections/about/AboutTextSplit';
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeaturesBorderGlow from '@/components/sections/features/FeaturesBorderGlow';
|
||||
import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
|
||||
import HeroSplitVerticalMarquee from '@/components/sections/hero/HeroSplitVerticalMarquee';
|
||||
import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
|
||||
import TestimonialColumnMarqueeCards from '@/components/sections/testimonial/TestimonialColumnMarqueeCards';
|
||||
import { Code2, LayoutDashboard, Monitor, Zap } from "lucide-react";
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
// AUTO-GENERATED shell by per-section-migrate.
|
||||
// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
|
||||
// files directly. Non-block content (wrappers, non-inlinable sections) is
|
||||
// preserved inline; extracted section blocks become <XSection/> refs.
|
||||
|
||||
export default function HomePage() {
|
||||
import React from 'react';
|
||||
import HomeSection from './HomePage/sections/Home';
|
||||
import AboutSection from './HomePage/sections/About';
|
||||
import ServicesSection from './HomePage/sections/Services';
|
||||
import PortfolioSection from './HomePage/sections/Portfolio';
|
||||
import MetricsSection from './HomePage/sections/Metrics';
|
||||
import TestimonialsSection from './HomePage/sections/Testimonials';
|
||||
import FaqSection from './HomePage/sections/Faq';
|
||||
import ContactSection from './HomePage/sections/Contact';
|
||||
|
||||
export default function HomePage(): React.JSX.Element {
|
||||
return (
|
||||
<>
|
||||
<div id="home" data-section="home">
|
||||
<SectionErrorBoundary name="home">
|
||||
<HeroSplitVerticalMarquee
|
||||
tag="Cozy Digital Solutions"
|
||||
title="Creative Services Served with Passion"
|
||||
description="We blend artisan craftsmanship with cutting-edge digital technology to help your brand grow in a cozy, authentic way."
|
||||
primaryButton={{
|
||||
text: "View Our Services",
|
||||
href: "#services",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Get a Consultation",
|
||||
href: "#contact",
|
||||
}}
|
||||
leftItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-canvas-painting-indoors-still-life_23-2150542295.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-diary-digital-tablet-pen-keyboard-coffee-cup-desk_23-2148061557.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-9934.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064702.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-empty-photo-frames-easel_23-2149454945.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anonymous-woman-with-coffee-cafe_23-2147785366.jpg",
|
||||
},
|
||||
]}
|
||||
rightItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-having-cup-coffee_171337-17117.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-inmersive-exhibition_23-2151428514.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-stylish-girl-with-blonde-hair-pink-lips-sitting-coffee-shop-with-wooden-chairs-table-she-holds-cup-cofee_197531-91.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-material-stationery-arrangement_23-2148898212.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-workplace-with-vase-laptop-desk_23-2148225531.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/developing-sketching-skills-fine-arts-school-learning-pencil-drawing-techniques-wooden-easel-with-sketch-vase-modern-studio-no-people-creative-artist-workplace-art-studio-interior_482257-65974.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<>
|
||||
<HomeSection />
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutTextSplit
|
||||
title="Our Approach"
|
||||
descriptions={[
|
||||
"We believe in the perfect blend of warmth and efficiency. Just like your favorite local cafe, we provide a welcoming space for your ideas to flourish.",
|
||||
"Our team combines deep creative intuition with technical expertise to deliver results that don't just work—they inspire. We treat every project like a fresh cup of coffee: crafted with care, precision, and a personal touch.",
|
||||
]}
|
||||
primaryButton={{
|
||||
text: "Learn More",
|
||||
href: "#services",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<AboutSection />
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<FeaturesBorderGlow
|
||||
tag="Our Expertise"
|
||||
title="Creative & Technical Services"
|
||||
description="We specialize in four key areas that help modern brands connect and automate."
|
||||
features={[
|
||||
{
|
||||
icon: Monitor,
|
||||
title: "Website Designing",
|
||||
description: "Beautiful, responsive websites that reflect your brand identity and focus on high conversion.",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Motion Designing",
|
||||
description: "Eye-catching motion graphics that make your digital presence feel alive and engaging.",
|
||||
},
|
||||
{
|
||||
icon: LayoutDashboard,
|
||||
title: "Media Management",
|
||||
description: "Consistency and creative strategy to grow your social presence and engage your audience.",
|
||||
},
|
||||
{
|
||||
icon: Code2,
|
||||
title: "AI Automation",
|
||||
description: "Streamlining your business workflows with custom AI solutions that save time and money.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ServicesSection />
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<SectionErrorBoundary name="portfolio">
|
||||
<FeaturesImageBento
|
||||
tag="Our Portfolio"
|
||||
title="Selected Work"
|
||||
description="A glimpse into the artisan digital experiences we have crafted."
|
||||
items={[
|
||||
{
|
||||
title: "Branding Project",
|
||||
description: "Cozy cafe branding.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slice-bell-pepper-spring-onion-broccoli-tomato-placemat-with-text_23-2147915994.jpg",
|
||||
},
|
||||
{
|
||||
title: "Motion Graphics",
|
||||
description: "Social ad campaign.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hands-taking-photo-bowl-ramen_23-2149277959.jpg",
|
||||
},
|
||||
{
|
||||
title: "Website Redesign",
|
||||
description: "Corporate site overhaul.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-flexitarian-diet-with-sushi-salad_23-2148862664.jpg",
|
||||
},
|
||||
{
|
||||
title: "AI Integration",
|
||||
description: "Automation flow for SaaS.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nutritious-cute-children-s-food-view_23-2149522881.jpg",
|
||||
},
|
||||
{
|
||||
title: "Media Strategy",
|
||||
description: "Instagram growth campaign.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-sushi-soy-sauce-flat-lay_23-2149013662.jpg",
|
||||
},
|
||||
{
|
||||
title: "App UI Design",
|
||||
description: "Mobile application UX.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-bento-box-assortment_23-2148973281.jpg",
|
||||
},
|
||||
{
|
||||
title: "Motion Reel",
|
||||
description: "Studio showreel 2024.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pills-gridline_23-2148530902.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<PortfolioSection />
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsFeatureCards
|
||||
tag="Impact Delivered"
|
||||
title="Results You Can Feel"
|
||||
description="Our passion for quality leads to quantifiable growth for our partners."
|
||||
metrics={[
|
||||
{
|
||||
value: "120+",
|
||||
title: "Projects Completed",
|
||||
features: [
|
||||
"Precision craft",
|
||||
"On-time delivery",
|
||||
"Client satisfaction",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "45%",
|
||||
title: "Average Growth",
|
||||
features: [
|
||||
"Marketing efficacy",
|
||||
"Process automation",
|
||||
"Brand awareness",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Support Availability",
|
||||
features: [
|
||||
"Quick response",
|
||||
"Dedicated team",
|
||||
"Peace of mind",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<MetricsSection />
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialColumnMarqueeCards
|
||||
tag="Client Stories"
|
||||
title="What They Say About Us"
|
||||
description="We are proud to serve some of the most creative and forward-thinking brands."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Johnson",
|
||||
role: "Founder",
|
||||
quote: "Working with them felt like a true partnership. Their creative touch is unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453480.jpg",
|
||||
},
|
||||
{
|
||||
name: "Michael Chen",
|
||||
role: "Creative Lead",
|
||||
quote: "The motion design work delivered was simply breathtaking. Highly recommend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-happy-smiling-woman_23-2148787734.jpg",
|
||||
},
|
||||
{
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing Director",
|
||||
quote: "Our brand feels so much more authentic now thanks to their media strategy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5912.jpg",
|
||||
},
|
||||
{
|
||||
name: "David Kim",
|
||||
role: "Product Manager",
|
||||
quote: "Their AI automation tools have saved our team dozens of hours every week.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-good-looking-millennial-girl-smiles-pleasantly-keeps-hand-near-face-dressed-knitted-winter-clothes-has-casual-talk-with-friend-glad-have-weekend_273609-46754.jpg",
|
||||
},
|
||||
{
|
||||
name: "Alex Smith",
|
||||
role: "Business Owner",
|
||||
quote: "Finally a team that understands both art and technology. The results are amazing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-beautiful-brunette-female-wearing-elegant-black-dress-wrist-watch-touching-neck-while-enjoying-nice-time-alone-coffee-break-sitting-cafe-table-with-mug-dessert-it_273609-81.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<TestimonialsSection />
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSplitMedia
|
||||
tag="Common Questions"
|
||||
title="Everything You Need to Know"
|
||||
description="We aim for total transparency so we can build long-term relationships."
|
||||
items={[
|
||||
{
|
||||
question: "What is your typical project timeline?",
|
||||
answer: "Depending on complexity, most projects are completed within 4-8 weeks.",
|
||||
},
|
||||
{
|
||||
question: "How do you approach AI automation?",
|
||||
answer: "We start by auditing your workflows, identifying repetitive tasks, and building custom integrations.",
|
||||
},
|
||||
{
|
||||
question: "Can you handle ongoing support?",
|
||||
answer: "Yes, we offer monthly retainers for media management and technical maintenance.",
|
||||
},
|
||||
{
|
||||
question: "Do you offer custom pricing?",
|
||||
answer: "Every brand is unique, so we provide tailored proposals after our initial consultation.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-cute-japanese-girl-drinking-lemonade_23-2148665350.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<FaqSection />
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Get In Touch"
|
||||
text="Ready to craft something extraordinary together? Let’s grab a digital coffee and talk."
|
||||
primaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@cozycreative.com",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "View Our Portfolio",
|
||||
href: "#portfolio",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ContactSection />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
26
src/pages/HomePage/sections/About.tsx
Normal file
26
src/pages/HomePage/sections/About.tsx
Normal file
@@ -0,0 +1,26 @@
|
||||
// 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 AboutTextSplit from '@/components/sections/about/AboutTextSplit';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function AboutSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutTextSplit
|
||||
title="Our Approach"
|
||||
descriptions={[
|
||||
"We believe in the perfect blend of warmth and efficiency. Just like your favorite local cafe, we provide a welcoming space for your ideas to flourish.",
|
||||
"Our team combines deep creative intuition with technical expertise to deliver results that don't just work—they inspire. We treat every project like a fresh cup of coffee: crafted with care, precision, and a personal touch.",
|
||||
]}
|
||||
primaryButton={{
|
||||
text: "Learn More",
|
||||
href: "#services",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
27
src/pages/HomePage/sections/Contact.tsx
Normal file
27
src/pages/HomePage/sections/Contact.tsx
Normal file
@@ -0,0 +1,27 @@
|
||||
// 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 In Touch"
|
||||
text="Ready to craft something extraordinary together? Let’s grab a digital coffee and talk."
|
||||
primaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@cozycreative.com",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "View Our Portfolio",
|
||||
href: "#portfolio",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
39
src/pages/HomePage/sections/Faq.tsx
Normal file
39
src/pages/HomePage/sections/Faq.tsx
Normal file
@@ -0,0 +1,39 @@
|
||||
// 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="Everything You Need to Know"
|
||||
description="We aim for total transparency so we can build long-term relationships."
|
||||
items={[
|
||||
{
|
||||
question: "What is your typical project timeline?",
|
||||
answer: "Depending on complexity, most projects are completed within 4-8 weeks.",
|
||||
},
|
||||
{
|
||||
question: "How do you approach AI automation?",
|
||||
answer: "We start by auditing your workflows, identifying repetitive tasks, and building custom integrations.",
|
||||
},
|
||||
{
|
||||
question: "Can you handle ongoing support?",
|
||||
answer: "Yes, we offer monthly retainers for media management and technical maintenance.",
|
||||
},
|
||||
{
|
||||
question: "Do you offer custom pricing?",
|
||||
answer: "Every brand is unique, so we provide tailored proposals after our initial consultation.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-cute-japanese-girl-drinking-lemonade_23-2148665350.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
68
src/pages/HomePage/sections/Home.tsx
Normal file
68
src/pages/HomePage/sections/Home.tsx
Normal file
@@ -0,0 +1,68 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "home" section.
|
||||
|
||||
import React from 'react';
|
||||
import HeroSplitVerticalMarquee from '@/components/sections/hero/HeroSplitVerticalMarquee';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function HomeSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="home" data-section="home">
|
||||
<SectionErrorBoundary name="home">
|
||||
<HeroSplitVerticalMarquee
|
||||
tag="Cozy Digital Solutions"
|
||||
title="Creative Services Served with Passion"
|
||||
description="We blend artisan craftsmanship with cutting-edge digital technology to help your brand grow in a cozy, authentic way."
|
||||
primaryButton={{
|
||||
text: "View Our Services",
|
||||
href: "#services",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Get a Consultation",
|
||||
href: "#contact",
|
||||
}}
|
||||
leftItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blank-canvas-painting-indoors-still-life_23-2150542295.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-diary-digital-tablet-pen-keyboard-coffee-cup-desk_23-2148061557.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-9934.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064702.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-empty-photo-frames-easel_23-2149454945.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anonymous-woman-with-coffee-cafe_23-2147785366.jpg",
|
||||
},
|
||||
]}
|
||||
rightItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-having-cup-coffee_171337-17117.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-inmersive-exhibition_23-2151428514.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-stylish-girl-with-blonde-hair-pink-lips-sitting-coffee-shop-with-wooden-chairs-table-she-holds-cup-cofee_197531-91.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-material-stationery-arrangement_23-2148898212.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-workplace-with-vase-laptop-desk_23-2148225531.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/developing-sketching-skills-fine-arts-school-learning-pencil-drawing-techniques-wooden-easel-with-sketch-vase-modern-studio-no-people-creative-artist-workplace-art-studio-interior_482257-65974.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
49
src/pages/HomePage/sections/Metrics.tsx
Normal file
49
src/pages/HomePage/sections/Metrics.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 "metrics" section.
|
||||
|
||||
import React from 'react';
|
||||
import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function MetricsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsFeatureCards
|
||||
tag="Impact Delivered"
|
||||
title="Results You Can Feel"
|
||||
description="Our passion for quality leads to quantifiable growth for our partners."
|
||||
metrics={[
|
||||
{
|
||||
value: "120+",
|
||||
title: "Projects Completed",
|
||||
features: [
|
||||
"Precision craft",
|
||||
"On-time delivery",
|
||||
"Client satisfaction",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "45%",
|
||||
title: "Average Growth",
|
||||
features: [
|
||||
"Marketing efficacy",
|
||||
"Process automation",
|
||||
"Brand awareness",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Support Availability",
|
||||
features: [
|
||||
"Quick response",
|
||||
"Dedicated team",
|
||||
"Peace of mind",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
57
src/pages/HomePage/sections/Portfolio.tsx
Normal file
57
src/pages/HomePage/sections/Portfolio.tsx
Normal file
@@ -0,0 +1,57 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "portfolio" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function PortfolioSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<SectionErrorBoundary name="portfolio">
|
||||
<FeaturesImageBento
|
||||
tag="Our Portfolio"
|
||||
title="Selected Work"
|
||||
description="A glimpse into the artisan digital experiences we have crafted."
|
||||
items={[
|
||||
{
|
||||
title: "Branding Project",
|
||||
description: "Cozy cafe branding.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slice-bell-pepper-spring-onion-broccoli-tomato-placemat-with-text_23-2147915994.jpg",
|
||||
},
|
||||
{
|
||||
title: "Motion Graphics",
|
||||
description: "Social ad campaign.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hands-taking-photo-bowl-ramen_23-2149277959.jpg",
|
||||
},
|
||||
{
|
||||
title: "Website Redesign",
|
||||
description: "Corporate site overhaul.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-flexitarian-diet-with-sushi-salad_23-2148862664.jpg",
|
||||
},
|
||||
{
|
||||
title: "AI Integration",
|
||||
description: "Automation flow for SaaS.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nutritious-cute-children-s-food-view_23-2149522881.jpg",
|
||||
},
|
||||
{
|
||||
title: "Media Strategy",
|
||||
description: "Instagram growth campaign.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-sushi-soy-sauce-flat-lay_23-2149013662.jpg",
|
||||
},
|
||||
{
|
||||
title: "App UI Design",
|
||||
description: "Mobile application UX.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-bento-box-assortment_23-2148973281.jpg",
|
||||
},
|
||||
{
|
||||
title: "Motion Reel",
|
||||
description: "Studio showreel 2024.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pills-gridline_23-2148530902.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
17
src/pages/HomePage/sections/Services.tsx
Normal file
17
src/pages/HomePage/sections/Services.tsx
Normal file
@@ -0,0 +1,17 @@
|
||||
// Created by add_section_from_catalog (FeaturesBento).
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesBento from '@/components/sections/features/FeaturesBento';
|
||||
|
||||
export default function ServicesSection(): React.JSX.Element {
|
||||
return (
|
||||
<div data-webild-section="services" id="services">
|
||||
<FeaturesBento
|
||||
description="We specialize in four key areas that help modern brands connect and automate."
|
||||
tag="Our Expertise"
|
||||
features={[{"stackCards":[{"icon":"Monitor","subtitle":"High Conversion","title":"Landing Pages","detail":"Optimized for sales"},{"subtitle":"Seamless Shopping","detail":"Shopify & Custom","title":"E-Commerce","icon":"Layout"},{"icon":"Smartphone","title":"Mobile First","detail":"Looks great everywhere","subtitle":"Responsive"}],"bentoComponent":"tilted-stack-cards","title":"Website Designing","description":"Beautiful, responsive websites that reflect your brand identity and focus on high conversion."},{"description":"Eye-catching motion graphics that make your digital presence feel alive and engaging.","bentoComponent":"media-stack","title":"Motion Designing","mediaItems":[{"imageSrc":"https://images.unsplash.com/photo-1550745165-9bc0b252726f?auto=format&fit=crop&w=800&q=80"},{"imageSrc":"https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=800&q=80"},{"imageSrc":"https://images.unsplash.com/photo-1536240478700-b869070f9279?auto=format&fit=crop&w=800&q=80"}]},{"marqueeTexts":["Instagram Growth","TikTok Strategy","Content Calendar","Community Engagement","Brand Voice"],"bentoComponent":"icon-text-marquee","description":"Consistency and creative strategy to grow your social presence and engage your audience.","centerIcon":"Share2","title":"Media Management"},{"bentoComponent":"orbiting-icons","centerIcon":"Bot","title":"AI Automation","orbitIcons":["Zap","Cpu","Database","MessageSquare","Workflow"],"description":"Streamlining your business workflows with custom AI solutions that save time and money."}]}
|
||||
title="Creative & Technical Services"
|
||||
/>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
52
src/pages/HomePage/sections/Testimonials.tsx
Normal file
52
src/pages/HomePage/sections/Testimonials.tsx
Normal file
@@ -0,0 +1,52 @@
|
||||
// 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 TestimonialColumnMarqueeCards from '@/components/sections/testimonial/TestimonialColumnMarqueeCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function TestimonialsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialColumnMarqueeCards
|
||||
tag="Client Stories"
|
||||
title="What They Say About Us"
|
||||
description="We are proud to serve some of the most creative and forward-thinking brands."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Johnson",
|
||||
role: "Founder",
|
||||
quote: "Working with them felt like a true partnership. Their creative touch is unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-teenager-woman_23-2149453480.jpg",
|
||||
},
|
||||
{
|
||||
name: "Michael Chen",
|
||||
role: "Creative Lead",
|
||||
quote: "The motion design work delivered was simply breathtaking. Highly recommend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-happy-smiling-woman_23-2148787734.jpg",
|
||||
},
|
||||
{
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing Director",
|
||||
quote: "Our brand feels so much more authentic now thanks to their media strategy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5912.jpg",
|
||||
},
|
||||
{
|
||||
name: "David Kim",
|
||||
role: "Product Manager",
|
||||
quote: "Their AI automation tools have saved our team dozens of hours every week.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-good-looking-millennial-girl-smiles-pleasantly-keeps-hand-near-face-dressed-knitted-winter-clothes-has-casual-talk-with-friend-glad-have-weekend_273609-46754.jpg",
|
||||
},
|
||||
{
|
||||
name: "Alex Smith",
|
||||
role: "Business Owner",
|
||||
quote: "Finally a team that understands both art and technology. The results are amazing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-beautiful-brunette-female-wearing-elegant-black-dress-wrist-watch-touching-neck-while-enjoying-nice-time-alone-coffee-break-sitting-cafe-table-with-mug-dessert-it_273609-81.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user