bender/d363ddd6-c641-4b57-91c6-7c6054bd752a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bob AI: <ATTACHED_BLOCKS>

Browse Source 
The user attached the section/component ca
This commit is contained in:
kudinDmitriyUp
2026-06-13 21:57:59 +00:00
parent 3efd246c9c
commit 5543622dce
9 changed files with 321 additions and 230 deletions
Download Patch File Download Diff File Expand all files Collapse all files

254
src/pages/HomePage.tsx
View File

@@ -1,242 +1,36 @@
import AboutTextSplit from '@/components/sections/about/AboutTextSplit';
import ContactCta from '@/components/sections/contact/ContactCta';
import FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
import FeaturesBorderGlow from '@/components/sections/features/FeaturesBorderGlow';
import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MetricsFeatureCards from '@/components/sections/metrics/MetricsFeatureCards';
import TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards';
import { Award, Leaf, Sparkles } 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 HeroSection from './HomePage/sections/Hero';
import AboutSection from './HomePage/sections/About';
import ProductsSection from './HomePage/sections/Products';
import FeaturesSection from './HomePage/sections/Features';
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="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroBillboard
tag="Artisanal Studio"
title="Sıla Yalın Seramik"
description="El yapımı seramikler ile yaşam alanlarınıza estetik ve doğallık katıyoruz. Her parça, özgün bir sanat eseridir."
primaryButton={{
text: "Koleksiyonu İncele",
href: "#products",
}}
secondaryButton={{
text: "Atölye Hakkında",
href: "#about",
}}
imageSrc="http://img.b2bpic.net/free-photo/minimalist-modern-vases-arrangement_23-2149681097.jpg"
/>
</SectionErrorBoundary>
</div>
<>
<HeroSection />
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutTextSplit
title="Doğanın Dokunuşu"
descriptions={[
"Sıla Yalın Seramik Atölyesi, toprağı modern estetikle birleştirerek zamansız parçalar üretir.",
"Her bir ürün, el emeği ve sabırla şekillendirilerek evlerinize özgün bir ruh katar.",
"Sürdürülebilir sanat anlayışımızla doğallığı tasarımın merkezine koyuyoruz.",
]}
/>
</SectionErrorBoundary>
</div>
<AboutSection />
<div id="products" data-section="products">
<SectionErrorBoundary name="products">
<FeaturesImageBento
tag="Koleksiyonumuz"
title="Özgün Tasarımlar"
description="Doğal dokuların modern formlarla buluştuğu seçkin koleksiyonumuz."
items={[
{
title: "Vazolar",
description: "Minimalist formlar",
imageSrc: "http://img.b2bpic.net/free-photo/flower-vase-modern-interior_23-2151928941.jpg",
},
{
title: "Kaseler",
description: "Günlük kullanım",
imageSrc: "http://img.b2bpic.net/free-photo/tea-still-life_23-2148117333.jpg",
},
{
title: "El Yapımı",
description: "Özel üretim",
imageSrc: "http://img.b2bpic.net/free-photo/woman-s-hand-holding-mold-with-paper-pulp-tray-workshop_23-2147845565.jpg",
},
{
title: "Tea Set",
description: "Keyifli anlar",
imageSrc: "http://img.b2bpic.net/free-photo/cups-around-teapot_23-2147809271.jpg",
},
{
title: "Sculptures",
description: "Sanatsal dokunuşlar",
imageSrc: "http://img.b2bpic.net/free-photo/terracotta-vase-with-indigenous-pattern_23-2151585741.jpg",
},
{
title: "Kitchenware",
description: "Şık sunumlar",
imageSrc: "http://img.b2bpic.net/free-photo/delicate-white-tea-set-milk-bottle-mouthwatering-sponge-cake-with-chocolate-cream-grapefruits_346278-1075.jpg",
},
{
title: "Dekoratif",
description: "Özgün objeler",
imageSrc: "http://img.b2bpic.net/free-photo/view-buddha-statuette-tranquility-meditation_23-2150426147.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<ProductsSection />
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<FeaturesBorderGlow
tag="Neden Biz?"
title="Zanaat ve Estetik"
description="Seramik üretiminde sunduğumuz kalite standartları."
features={[
{
icon: Sparkles,
title: "Özgün Tasarım",
description: "Her parça tek ve özeldir.",
},
{
icon: Leaf,
title: "Doğal Malzemeler",
description: "Sağlığa zararsız kil ve sırlar.",
},
{
icon: Award,
title: "Yüksek Kalite",
description: "Dayanıklı ve uzun ömürlü işçilik.",
},
]}
/>
</SectionErrorBoundary>
</div>
<FeaturesSection />
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsFeatureCards
tag="İstatistikler"
title="Atölye Verileri"
description="Yılların birikimiyle ulaştığımız başarılarımız."
metrics={[
{
value: "500+",
title: "Mutlu Müşteri",
features: [
"Hızlı teslimat",
"Özel paketleme",
],
},
{
value: "100+",
title: "Benzersiz Tasarım",
features: [
"El işçiliği",
"Modern tasarım",
],
},
{
value: "5+",
title: "Yıllık Deneyim",
features: [
"Uzman zanaatkarlar",
"Sürekli gelişim",
],
},
]}
/>
</SectionErrorBoundary>
</div>
<MetricsSection />
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialMarqueeCards
tag="Yorumlar"
title="Müşterilerimizin Gözünden"
description="Atölyemizden memnun kalanlar."
testimonials={[
{
name: "Ayşe Y.",
role: "Mimar",
quote: "Harika el işçiliği, evimin havası tamamen değişti.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-posing-white-shirt_23-2149021859.jpg",
},
{
name: "Can M.",
role: "Tasarımcı",
quote: "Tasarımlar çok estetik ve kaliteli.",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-dark-haired-teen-woman-trendy-denim-jacket-leaned-white-brick-wall_197531-17046.jpg",
},
{
name: "Zeynep S.",
role: "Öğretmen",
quote: "Hızlı ve özenli paketleme için teşekkürler.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-suit-posing-black-white_23-2149411392.jpg",
},
{
name: "Kerem K.",
role: "Sanatçı",
quote: "Seramiklerin dokusu inanılmaz.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman_23-2148780008.jpg",
},
{
name: "Deniz A.",
role: "Mühendis",
quote: "Harika tasarımlar, tekrar alışveriş yapacağım.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-face-massage-with-gua-sha_23-2149349076.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<TestimonialsSection />
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqTabbedAccordion
tag="Sıkça Sorulanlar"
title="Merak Ettikleriniz"
description="Atölyemizle ilgili bilmeniz gerekenler."
categories={[
{
name: "Genel",
items: [
{
question: "Ürünler bulaşık makinesinde yıkanabilir mi?",
answer: "Evet, el yapımı sırlarımız dayanıklıdır ancak ömürlerini uzatmak için elde yıkamanızı öneririz.",
},
{
question: "Özel sipariş alıyor musunuz?",
answer: "Evet, özel tasarım talepleriniz için bize ulaşabilirsiniz.",
},
],
},
]}
/>
</SectionErrorBoundary>
</div>
<FaqSection />
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="İletişim"
text="Sıla Yalın Seramik dünyasına adım atmaya hazır mısınız?"
primaryButton={{
text: "WhatsApp'tan Yazın",
href: "https://wa.me/905550000000",
}}
secondaryButton={{
text: "Instagram Sayfası",
href: "https://instagram.com/silayalinseramikatolyesi",
}}
/>
</SectionErrorBoundary>
</div>
<ContactSection />
</>
);
}

23
src/pages/HomePage/sections/About.tsx Normal file
View File

@@ -0,0 +1,23 @@
// 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="Doğanın Dokunuşu"
descriptions={[
"Sıla Yalın Seramik Atölyesi, toprağı modern estetikle birleştirerek zamansız parçalar üretir.",
"Her bir ürün, el emeği ve sabırla şekillendirilerek evlerinize özgün bir ruh katar.",
"Sürdürülebilir sanat anlayışımızla doğallığı tasarımın merkezine koyuyoruz.",
]}
/>
</SectionErrorBoundary>
</div>
);
}

27
src/pages/HomePage/sections/Contact.tsx Normal file
View 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="İletişim"
text="Sıla Yalın Seramik dünyasına adım atmaya hazır mısınız?"
primaryButton={{
text: "WhatsApp'tan Yazın",
href: "https://wa.me/905550000000",
}}
secondaryButton={{
text: "Instagram Sayfası",
href: "https://instagram.com/silayalinseramikatolyesi",
}}
/>
</SectionErrorBoundary>
</div>
);
}

35
src/pages/HomePage/sections/Faq.tsx Normal file
View File

@@ -0,0 +1,35 @@
// 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 FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function FaqSection(): React.JSX.Element {
return (
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqTabbedAccordion
tag="Sıkça Sorulanlar"
title="Merak Ettikleriniz"
description="Atölyemizle ilgili bilmeniz gerekenler."
categories={[
{
name: "Genel",
items: [
{
question: "Ürünler bulaşık makinesinde yıkanabilir mi?",
answer: "Evet, el yapımı sırlarımız dayanıklıdır ancak ömürlerini uzatmak için elde yıkamanızı öneririz.",
},
{
question: "Özel sipariş alıyor musunuz?",
answer: "Evet, özel tasarım talepleriniz için bize ulaşabilirsiniz.",
},
],
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

38
src/pages/HomePage/sections/Features.tsx Normal file
View File

@@ -0,0 +1,38 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "features" section.
import React from 'react';
import FeaturesBorderGlow from '@/components/sections/features/FeaturesBorderGlow';
import { Award, Leaf, Sparkles } from "lucide-react";
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function FeaturesSection(): React.JSX.Element {
return (
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<FeaturesBorderGlow
tag="Neden Biz?"
title="Zanaat ve Estetik"
description="Seramik üretiminde sunduğumuz kalite standartları."
features={[
{
icon: Sparkles,
title: "Özgün Tasarım",
description: "Her parça tek ve özeldir.",
},
{
icon: Leaf,
title: "Doğal Malzemeler",
description: "Sağlığa zararsız kil ve sırlar.",
},
{
icon: Award,
title: "Yüksek Kalite",
description: "Dayanıklı ve uzun ömürlü işçilik.",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

19
src/pages/HomePage/sections/Hero.tsx Normal file
View File

@@ -0,0 +1,19 @@
// Created by add_section_from_catalog (HeroBillboardTiltedCarousel).
import React from 'react';
import HeroBillboardTiltedCarousel from '@/components/sections/hero/HeroBillboardTiltedCarousel';
export default function HeroSection(): React.JSX.Element {
return (
<div data-webild-section="hero" id="hero">
<HeroBillboardTiltedCarousel
tag="Sıla Yalın Seramik Atölyesi"
title="Toprağın Sanata Dönüşümü"
description="El işi seramiklerin doğal dokusu ve sıcak tonlarıyla yaşam alanlarınıza değer katın. Her bir parça özenle, sevgiyle ve ustalıkla şekillendirildi."
primaryButton={{"text":"Koleksiyonu Keşfet","href":"#products"}}
secondaryButton={{"text":"Hikayemiz","href":"#about"}}
items={[{"imageSrc":"https://images.unsplash.com/photo-1610701596007-11502861dcfa?q=80&w=2070&auto=format&fit=crop"},{"imageSrc":"https://images.unsplash.com/photo-1578749556568-bc2c40e68b61?q=80&w=2070&auto=format&fit=crop"},{"imageSrc":"https://images.unsplash.com/photo-1603484477859-abe6a73f9366?q=80&w=1974&auto=format&fit=crop"},{"imageSrc":"https://images.unsplash.com/photo-1565193566173-7a0f47de6fc7?q=80&w=2070&auto=format&fit=crop"},{"imageSrc":"https://images.unsplash.com/photo-1581783342308-f792dbdd27c5?q=80&w=1974&auto=format&fit=crop"}]}
/>
</div>
);
}

46
src/pages/HomePage/sections/Metrics.tsx Normal file
View File

@@ -0,0 +1,46 @@
// 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="İstatistikler"
title="Atölye Verileri"
description="Yılların birikimiyle ulaştığımız başarılarımız."
metrics={[
{
value: "500+",
title: "Mutlu Müşteri",
features: [
"Hızlı teslimat",
"Özel paketleme",
],
},
{
value: "100+",
title: "Benzersiz Tasarım",
features: [
"El işçiliği",
"Modern tasarım",
],
},
{
value: "5+",
title: "Yıllık Deneyim",
features: [
"Uzman zanaatkarlar",
"Sürekli gelişim",
],
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

57
src/pages/HomePage/sections/Products.tsx Normal file
View File

@@ -0,0 +1,57 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "products" section.
import React from 'react';
import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function ProductsSection(): React.JSX.Element {
return (
<div id="products" data-section="products">
<SectionErrorBoundary name="products">
<FeaturesImageBento
tag="Koleksiyonumuz"
title="Özgün Tasarımlar"
description="Doğal dokuların modern formlarla buluştuğu seçkin koleksiyonumuz."
items={[
{
title: "Vazolar",
description: "Minimalist formlar",
imageSrc: "http://img.b2bpic.net/free-photo/flower-vase-modern-interior_23-2151928941.jpg",
},
{
title: "Kaseler",
description: "Günlük kullanım",
imageSrc: "http://img.b2bpic.net/free-photo/tea-still-life_23-2148117333.jpg",
},
{
title: "El Yapımı",
description: "Özel üretim",
imageSrc: "http://img.b2bpic.net/free-photo/woman-s-hand-holding-mold-with-paper-pulp-tray-workshop_23-2147845565.jpg",
},
{
title: "Tea Set",
description: "Keyifli anlar",
imageSrc: "http://img.b2bpic.net/free-photo/cups-around-teapot_23-2147809271.jpg",
},
{
title: "Sculptures",
description: "Sanatsal dokunuşlar",
imageSrc: "http://img.b2bpic.net/free-photo/terracotta-vase-with-indigenous-pattern_23-2151585741.jpg",
},
{
title: "Kitchenware",
description: "Şık sunumlar",
imageSrc: "http://img.b2bpic.net/free-photo/delicate-white-tea-set-milk-bottle-mouthwatering-sponge-cake-with-chocolate-cream-grapefruits_346278-1075.jpg",
},
{
title: "Dekoratif",
description: "Özgün objeler",
imageSrc: "http://img.b2bpic.net/free-photo/view-buddha-statuette-tranquility-meditation_23-2150426147.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

52
src/pages/HomePage/sections/Testimonials.tsx Normal file
View 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 TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function TestimonialsSection(): React.JSX.Element {
return (
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialMarqueeCards
tag="Yorumlar"
title="Müşterilerimizin Gözünden"
description="Atölyemizden memnun kalanlar."
testimonials={[
{
name: "Ayşe Y.",
role: "Mimar",
quote: "Harika el işçiliği, evimin havası tamamen değişti.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-posing-white-shirt_23-2149021859.jpg",
},
{
name: "Can M.",
role: "Tasarımcı",
quote: "Tasarımlar çok estetik ve kaliteli.",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-dark-haired-teen-woman-trendy-denim-jacket-leaned-white-brick-wall_197531-17046.jpg",
},
{
name: "Zeynep S.",
role: "Öğretmen",
quote: "Hızlı ve özenli paketleme için teşekkürler.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-suit-posing-black-white_23-2149411392.jpg",
},
{
name: "Kerem K.",
role: "Sanatçı",
quote: "Seramiklerin dokusu inanılmaz.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman_23-2148780008.jpg",
},
{
name: "Deniz A.",
role: "Mühendis",
quote: "Harika tasarımlar, tekrar alışveriş yapacağım.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-face-massage-with-gua-sha_23-2149349076.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}