Merge version_1_1781614999917 into main #2
@@ -6,208 +6,141 @@ import HeroSplitMediaGrid from '@/components/sections/hero/HeroSplitMediaGrid';
|
||||
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
|
||||
import TeamStackedCards from '@/components/sections/team/TeamStackedCards';
|
||||
import TestimonialQuoteCards from '@/components/sections/testimonial/TestimonialQuoteCards';
|
||||
import { Sparkles } from "lucide-react";
|
||||
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">
|
||||
<HeroSplitMediaGrid
|
||||
tag="Expert Craftsmanship"
|
||||
title="Elevating Vision Through Bespoke Design"
|
||||
description="Crispi Ottensen delivers world-class creative solutions tailored to your unique brand identity."
|
||||
primaryButton={{
|
||||
text: "View Our Work",
|
||||
href: "#features",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Get In Touch",
|
||||
href: "#contact",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freelancer-working-from-home-typing-laptop-keyboard-close-up_482257-128497.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ancient-kettle-peanut-brittles-marble-background_114579-46797.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Expert Craftsmanship"
|
||||
title="Elevating Vision Through Bespoke Design"
|
||||
description="Crispi Ottensen delivers world-class creative solutions tailored to your unique brand identity."
|
||||
primaryButton={{
|
||||
text: "View Our Work", href: "#features"}}
|
||||
secondaryButton={{
|
||||
text: "Get In Touch", href: "#contact"}}
|
||||
items={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freelancer-working-from-home-typing-laptop-keyboard-close-up_482257-128497.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ancient-kettle-peanut-brittles-marble-background_114579-46797.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutText
|
||||
title="Driven by a passion for excellence, Crispi Ottensen transforms complex ideas into elegant, functional, and memorable experiences."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
title="Driven by a passion for excellence, Crispi Ottensen transforms complex ideas into elegant, functional, and memorable experiences."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBento
|
||||
tag="Our Expertise"
|
||||
title="Comprehensive Creative Services"
|
||||
description="From branding to digital architecture, we provide holistic solutions."
|
||||
features={[
|
||||
{
|
||||
title: "Brand Identity",
|
||||
description: "Crafting timeless visual languages that resonate.",
|
||||
bentoComponent: "orbiting-icons",
|
||||
centerIcon: Sparkles,
|
||||
orbitIcons: [
|
||||
"PenTool",
|
||||
"Palette",
|
||||
"Type",
|
||||
"LayoutGrid",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-photorealistic-lamp-design_23-2151039015.jpg",
|
||||
imageAlt: "Modern photorealistic lamp design",
|
||||
},
|
||||
{
|
||||
title: "Digital Strategy",
|
||||
description: "Data-driven insights for maximum growth.",
|
||||
bentoComponent: "animated-bar-chart",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freelancer-working-from-home-typing-laptop-keyboard-close-up_482257-128497.jpg?_wi=2",
|
||||
imageAlt: "Modern photorealistic lamp design",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Expertise"
|
||||
title="Comprehensive Creative Services"
|
||||
description="From branding to digital architecture, we provide holistic solutions."
|
||||
features={[
|
||||
{
|
||||
title: "Brand Identity", description: "Crafting timeless visual languages that resonate.", bentoComponent: "orbiting-icons", centerIcon: "Sparkles", orbitIcons: [
|
||||
"PenTool", "Palette", "Type", "LayoutGrid"],
|
||||
},
|
||||
{
|
||||
title: "Digital Strategy", description: "Data-driven insights for maximum growth.", bentoComponent: "animated-bar-chart"},
|
||||
]}
|
||||
/>
|
||||
</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="Partners"
|
||||
title="Trusted by Industry Leaders"
|
||||
names={[
|
||||
"InnovateLab",
|
||||
"GrowthCo",
|
||||
"TechCorp",
|
||||
"DesignHub",
|
||||
"ModernBrand",
|
||||
"StudioX",
|
||||
"CreativePulse",
|
||||
]}
|
||||
description="Collaborating with visionaries across the globe."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Partners"
|
||||
title="Trusted by Industry Leaders"
|
||||
names={[
|
||||
"InnovateLab", "GrowthCo", "TechCorp", "DesignHub", "ModernBrand", "StudioX", "CreativePulse"]}
|
||||
description="Collaborating with visionaries across the globe."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<TeamStackedCards
|
||||
tag="Meet the Team"
|
||||
title="Creative Minds Behind Crispi Ottensen"
|
||||
members={[
|
||||
{
|
||||
name: "Crispi Ottensen",
|
||||
role: "Founder & Lead Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-studio_1157-17120.jpg",
|
||||
},
|
||||
{
|
||||
name: "Alex River",
|
||||
role: "Creative Strategist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-stylish-black-hat-denim-shirt_273609-6808.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jamie Lee",
|
||||
role: "Senior Developer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-business-manager-his-workshop_23-2149094576.jpg",
|
||||
},
|
||||
]}
|
||||
description="A collective of passionate designers and strategists."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Meet the Team"
|
||||
title="Creative Minds Behind Crispi Ottensen"
|
||||
members={[
|
||||
{
|
||||
name: "Crispi Ottensen", role: "Founder & Lead Designer", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-studio_1157-17120.jpg"},
|
||||
{
|
||||
name: "Alex River", role: "Creative Strategist", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-stylish-black-hat-denim-shirt_273609-6808.jpg"},
|
||||
{
|
||||
name: "Jamie Lee", role: "Senior Developer", imageSrc: "http://img.b2bpic.net/free-photo/small-business-manager-his-workshop_23-2149094576.jpg"},
|
||||
]}
|
||||
description="A collective of passionate designers and strategists."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<SectionErrorBoundary name="testimonial">
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<SectionErrorBoundary name="testimonial">
|
||||
<TestimonialQuoteCards
|
||||
tag="Client Success"
|
||||
title="What Our Clients Say"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Miller",
|
||||
role: "CEO, StartupInc",
|
||||
quote: "Incredible vision and execution. Crispi transformed our brand.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
|
||||
},
|
||||
{
|
||||
name: "David Chen",
|
||||
role: "Director, Innovate",
|
||||
quote: "Professionalism, creativity, and speed. A perfect partner.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-living-room_23-2148532944.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena Rodriguez",
|
||||
role: "Founder, GrowthCo",
|
||||
quote: "The best creative experience we have had in years.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17885.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marcus Thorne",
|
||||
role: "CTO, TechEdge",
|
||||
quote: "Crispi and team are unmatched in their attention to detail.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-students-with-papers-communicating_23-2147657206.jpg",
|
||||
},
|
||||
{
|
||||
name: "Lisa Wang",
|
||||
role: "VP Design, Studio X",
|
||||
quote: "Flawless delivery every time. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-surprised-girl-smiling-gasping-amazed-looking-excited-camera-heart-amazing-good-news-rejoicing-celebrating-standing-white-background_176420-46699.jpg",
|
||||
},
|
||||
]}
|
||||
description="Proven results for ambitious brands."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Client Success"
|
||||
title="What Our Clients Say"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Miller", role: "CEO, StartupInc", quote: "Incredible vision and execution. Crispi transformed our brand.", imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg"},
|
||||
{
|
||||
name: "David Chen", role: "Director, Innovate", quote: "Professionalism, creativity, and speed. A perfect partner.", imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-living-room_23-2148532944.jpg"},
|
||||
{
|
||||
name: "Elena Rodriguez", role: "Founder, GrowthCo", quote: "The best creative experience we have had in years.", imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17885.jpg"},
|
||||
{
|
||||
name: "Marcus Thorne", role: "CTO, TechEdge", quote: "Crispi and team are unmatched in their attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/two-students-with-papers-communicating_23-2147657206.jpg"},
|
||||
{
|
||||
name: "Lisa Wang", role: "VP Design, Studio X", quote: "Flawless delivery every time. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/happy-surprised-girl-smiling-gasping-amazed-looking-excited-camera-heart-amazing-good-news-rejoicing-celebrating-standing-white-background_176420-46699.jpg"},
|
||||
]}
|
||||
description="Proven results for ambitious brands."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTabbedAccordion
|
||||
tag="Questions"
|
||||
title="Frequently Asked Questions"
|
||||
categories={[
|
||||
{
|
||||
name: "General",
|
||||
items: [
|
||||
{
|
||||
question: "What is the process?",
|
||||
answer: "We start with a deep dive into your goals, strategy, and aesthetics.",
|
||||
},
|
||||
{
|
||||
question: "Do you offer consultations?",
|
||||
answer: "Yes, we offer initial strategy discovery sessions.",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
description="Common inquiries about our creative process."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Questions"
|
||||
title="Frequently Asked Questions"
|
||||
categories={[
|
||||
{
|
||||
name: "General", items: [
|
||||
{
|
||||
question: "What is the process?", answer: "We start with a deep dive into your goals, strategy, and aesthetics."},
|
||||
{
|
||||
question: "Do you offer consultations?", answer: "Yes, we offer initial strategy discovery sessions."},
|
||||
],
|
||||
},
|
||||
]}
|
||||
description="Common inquiries about our creative process."
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Get Started"
|
||||
text="Ready to bring your vision to life? Let's build something extraordinary together."
|
||||
primaryButton={{
|
||||
text: "Email Us",
|
||||
href: "mailto:hello@crispiottensen.com",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Schedule a Call",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Get Started"
|
||||
text="Ready to bring your vision to life? Let's build something extraordinary together."
|
||||
primaryButton={{
|
||||
text: "Email Us", href: "mailto:hello@crispiottensen.com"}}
|
||||
secondaryButton={{
|
||||
text: "Schedule a Call", href: "#"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user