Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 31e33e4add | |||
| 6bab2b87ca |
272
src/app/page.tsx
272
src/app/page.tsx
@@ -8,7 +8,6 @@ import FooterBase from '@/components/sections/footer/FooterBase';
|
|||||||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -28,116 +27,26 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Ana Sayfa", id: "hero" },
|
||||||
name: "Ana Sayfa",
|
{ name: "Ürünler", id: "products" },
|
||||||
id: "hero",
|
{ name: "Neden Biz", id: "features" },
|
||||||
},
|
{ name: "İletişim", id: "contact" }
|
||||||
{
|
|
||||||
name: "Ürünler",
|
|
||||||
id: "products",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Neden Biz",
|
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "İletişim",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Kılıçlar Giyim"
|
brandName="Yasemin Giyim"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardTestimonial
|
<HeroBillboardTestimonial
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "gradient-bars" }}
|
||||||
variant: "gradient-bars",
|
title="Yasemin Giyim ile Şıklığı Yakala"
|
||||||
}}
|
description="Modern tasarımlar, kaliteli kumaşlar ve özgün tarzlar seni bekliyor."
|
||||||
title="Tüm Okul Kıyafetleri Burada"
|
imageSrc="https://img.b2bpic.net/free-photo/young-stylish-woman-posing-summer-fashion-outfit-trendy-accessories_285396-857.jpg"
|
||||||
description="Okul kıyafetlerinde güvenilir adres."
|
tag="Yeni Koleksiyon"
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ name: "Ayşe Y.", handle: "@aysey", testimonial: "Ürünler çok kaliteli, paketleme harikaydı.", rating: 5 },
|
||||||
name: "Ayşe Y.",
|
{ name: "Fatma K.", handle: "@fatmak", testimonial: "Hızlı teslimat ve harika tasarımlar, çok memnun kaldım.", rating: 5 }
|
||||||
handle: "@ayse",
|
|
||||||
testimonial: "Çok kaliteli ve uygun fiyatlı.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/assorted-colorful-stationery-school-office-yellow-background-with-copyspace_127032-1710.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Mehmet D.",
|
|
||||||
handle: "@mehmet",
|
|
||||||
testimonial: "İlgili bir işletme, tavsiye ederim.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/scissors-writing-supplies-blue-background_23-2147847752.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Zeynep K.",
|
|
||||||
handle: "@zeynep",
|
|
||||||
testimonial: "Ürünler çok çabuk elimize ulaştı.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/pride-day-concept-copy-space-stationery-items_23-2148516294.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Can B.",
|
|
||||||
handle: "@can",
|
|
||||||
testimonial: "Kalite tartışılmaz, harika.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/collage-about-childhood-concept_23-2150169410.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Seda T.",
|
|
||||||
handle: "@seda",
|
|
||||||
testimonial: "Adrese teslim olması çok büyük kolaylık.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-kid-businessman_93675-133905.jpg",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-young-college-girl-stand-blue-background-high-quality-photo_2831-9539.jpg"
|
|
||||||
avatars={[
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/handsome-young-man-shirt-jeans-hold-his-jacket-shoulder-isolated-light-grey-wall_231208-6129.jpg",
|
|
||||||
alt: "Müşteri 1",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-young-boy-posing_23-2148465763.jpg",
|
|
||||||
alt: "Müşteri 2",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-cute-child-with-oversized-suit-glasses_23-2149448689.jpg",
|
|
||||||
alt: "Müşteri 3",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/young-female-athlete-holding-dumbbell-looking-camera-high-quality-photo_114579-92319.jpg",
|
|
||||||
alt: "Müşteri 4",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/bright-young-girls-sportswear_23-2147758011.jpg",
|
|
||||||
alt: "Müşteri 5",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
marqueeItems={[
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Ücretsiz Kargo",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Haftanın 7 Günü Açık",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Yüksek Kalite",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Hızlı Teslimat",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Bütçe Dostu",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -149,45 +58,12 @@ export default function LandingPage() {
|
|||||||
gridVariant="three-columns-all-equal-width"
|
gridVariant="three-columns-all-equal-width"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{ id: "p1", name: "Günlük Elbise", price: "₺450", imageSrc: "https://img.b2bpic.net/free-photo/young-woman-with-long-hair-wearing-trendy-summer-dress-standing-against-white-wall_273609-37357.jpg" },
|
||||||
id: "p1",
|
{ id: "p2", name: "Modern Ceket", price: "₺890", imageSrc: "https://img.b2bpic.net/free-photo/fashionable-woman-wearing-trendy-coat_23-2149175486.jpg" },
|
||||||
name: "Okul Forması",
|
{ id: "p3", name: "Şık Bluz", price: "₺320", imageSrc: "https://img.b2bpic.net/free-photo/young-woman-posing-stylish-outfit_144627-25983.jpg" }
|
||||||
price: "İletişime Geçin",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/waist-up-handsome-neat-dark-skinned-male-elementary-pupil-posing-isolated-dressed-white-clean-ironed-shirt-black-elegant-tie-ready-going-school-smiling_343059-4502.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p2",
|
|
||||||
name: "Eşofman Takımı",
|
|
||||||
price: "İletişime Geçin",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/full-length-fashion-model-with-long-brown-hair-wearing-trendy-olive-sweatshirt-joggers-with-sneakers-street_132075-9181.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p3",
|
|
||||||
name: "Tişört",
|
|
||||||
price: "İletişime Geçin",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-handsome-sporty-boy-wearing-headband-wristbands-with-dental-braces-keeping-hands-waist-looking-straight-isolated-green-background-with-copy-space_141793-76639.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p4",
|
|
||||||
name: "Kışlık Ceket",
|
|
||||||
price: "İletişime Geçin",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-delivery-woman-blue-uniform-cap-looking-front-clenching-fist-showing-v-sign-smiling-cheerfully-standing-pink-wall_141793-64508.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p5",
|
|
||||||
name: "Yelek",
|
|
||||||
price: "İletişime Geçin",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/male-athlete-doing-fitness-training-workout-outside-gym_1328-4770.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p6",
|
|
||||||
name: "Pantolon",
|
|
||||||
price: "İletişime Geçin",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/wonderful-lady-pointing-herself-blouse-beanie-looking-puzzled-front-view_176474-107697.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Ürünlerimiz"
|
title="Yeni Ürünler"
|
||||||
description="Geniş okul kıyafetleri kataloğumuzu keşfedin."
|
description="Sezonun en trend parçalarını hemen keşfedin."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -196,125 +72,33 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{ title: "Kalite Garantisi", description: "En kaliteli kumaşlar ile uzun ömürlü giyim.", imageSrc: "https://img.b2bpic.net/free-photo/close-up-textile-pattern_1134-927.jpg" },
|
||||||
title: "Uygun Fiyat",
|
{ title: "Hızlı Teslimat", description: "Siparişleriniz en hızlı şekilde kapınızda.", imageSrc: "https://img.b2bpic.net/free-photo/delivery-service-concept-young-woman-holding-cardboard-boxes_1150-13674.jpg" },
|
||||||
description: "Bütçe dostu okul alışverişi.",
|
{ title: "Müşteri Memnuniyeti", description: "Siz memnun değilseniz biz de değiliz.", imageSrc: "https://img.b2bpic.net/free-photo/support-service-concept_23-2149023605.jpg" }
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/tired-sportswoman-listening-music_23-2147800936.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Kaliteli Ürünler",
|
|
||||||
description: "Uzun ömürlü ve dayanıklı kumaşlar.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/sporty-young-man-preparing-his-headphones_23-2148375986.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Geniş Stok",
|
|
||||||
description: "Tüm okul ihtiyaçlarınız için tam donanımlıyız.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-student-building_23-2147667448.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Pazar Günü Açık",
|
|
||||||
description: "Haftanın 7 günü hizmetinizdeyiz.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-teenager-white-polo-t-shirt-youth-apparel-shoot_53876-102317.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Adrese Teslim",
|
|
||||||
description: "Kapınıza kadar hızlı gönderim.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-asian-students-asian-male-students-stand-together-blue_1150-19028.jpg",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Neden Kılıçlar Giyim?"
|
|
||||||
description="Müşterilerimizin bizi tercih etme sebepleri."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="testimonial" data-section="testimonial">
|
|
||||||
<TestimonialCardOne
|
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="default"
|
|
||||||
gridVariant="uniform-all-items-equal"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
title="Mutlu Velilerimiz"
|
|
||||||
description="Kılıçlar Giyim ailesine katılanların yorumları."
|
|
||||||
testimonials={[
|
|
||||||
{
|
|
||||||
id: "t1",
|
|
||||||
name: "Ali V.",
|
|
||||||
role: "Veli",
|
|
||||||
company: "İstanbul",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-lady-t-shirt-looking-up-looking-optimistic_176474-36816.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t2",
|
|
||||||
name: "Elif S.",
|
|
||||||
role: "Veli",
|
|
||||||
company: "Bayrampaşa",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-sporty-boy-wearing-headband-wristbands-with-dental-braces-keeping-hands-waist-looking-straight-isolated-green-wall-with-copy-space_141793-85460.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t3",
|
|
||||||
name: "Hakan K.",
|
|
||||||
role: "Veli",
|
|
||||||
company: "Esenler",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-sporty-boy-wearing-headband-wristbands-with-dental-braces-keeping-hands-waist-looking-camera-isolated-green-background-with-copy-space_141793-75693.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t4",
|
|
||||||
name: "Burcu D.",
|
|
||||||
role: "Veli",
|
|
||||||
company: "Gaziosmanpaşa",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-fashionable-man-with-stylish-haircut-sunglasses-dressed-black-t-shirt-pants-standing-modern-city-against-skyscraper_613910-6090.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "t5",
|
|
||||||
name: "Mert Y.",
|
|
||||||
role: "Veli",
|
|
||||||
company: "Eyüp",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-blue-t-shirt-looking-looking-friendly_176474-17850.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
|
title="Neden Yasemin Giyim?"
|
||||||
|
description="Sizi özel hissettiren dokunuşlar."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCenter
|
<ContactCenter
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "plain" }}
|
||||||
variant: "plain",
|
|
||||||
}}
|
|
||||||
tag="Bize Ulaşın"
|
tag="Bize Ulaşın"
|
||||||
title="İletişim"
|
title="İletişim"
|
||||||
description="Bayrampaşa mağazamızda sizi bekliyoruz."
|
description="Sorularınız veya siparişleriniz için bize her zaman ulaşabilirsiniz."
|
||||||
|
buttonText="Mesaj Gönder"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterBase
|
<FooterBase
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ title: "Hakkımızda", items: [{ label: "Hikayemiz", href: "#" }, { label: "Vizyonumuz", href: "#" }] },
|
||||||
title: "İletişim",
|
{ title: "İletişim", items: [{ label: "info@yasemingiyim.com", href: "mailto:info@yasemingiyim.com" }, { label: "İstanbul, Türkiye", href: "#" }] }
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "0538 581 85 68",
|
|
||||||
href: "tel:905385818568",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Adres",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Bayrampaşa, İstanbul",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
logoText="Kılıçlar Giyim"
|
logoText="Yasemin Giyim"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
Reference in New Issue
Block a user