Merge version_2 into main #2
267
src/app/page.tsx
267
src/app/page.tsx
@@ -3,7 +3,7 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
@@ -12,206 +12,89 @@ import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCar
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="grid"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="semibold"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "shop",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Something Different"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Something Different"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
logoText="Something Different Cyprus"
|
||||
description="Find Your Unique Style in Girne. Exclusive collections for those who dare to stand out."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#shop",
|
||||
},
|
||||
{
|
||||
text: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/friends-going-shopping-antique-store_23-2149525695.jpg"
|
||||
imageAlt="Trendy fashion collection"
|
||||
mediaAnimation="slide-up"
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "glowing-orb" }}
|
||||
logoText="Something Different"
|
||||
description="Redefining luxury. Curated vintage and contemporary fashion in the heart of Girne."
|
||||
buttons={[{ text: "Discover Collection", href: "#about" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/friends-going-shopping-antique-store_23-2149525695.jpg"
|
||||
imageAlt="Luxury fashion collection"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="About Our Store"
|
||||
description="Girne’de eşsiz bir giyim mağazası, stilinizi yansıtacak özel ürünler ve vintage koleksiyonlar."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Address",
|
||||
description: "Şht. Ali Avcı Sk Tegi Apt Daire 1, Girne",
|
||||
},
|
||||
{
|
||||
title: "Phone",
|
||||
description: "0533 849 79 79",
|
||||
},
|
||||
{
|
||||
title: "Hours",
|
||||
description: "Opens Friday 10:00, Closed other days",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-beautiful-women-with-bags-looking-each-other-with-smile-while-walking-clothing-store_146671-15850.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="Stylish boutique storefront"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Our Boutique Philosophy"
|
||||
description="Every piece in our store is selected for its unique story and timeless aesthetic. We bring global luxury closer to you in Girne."
|
||||
bulletPoints={[
|
||||
{ title: "Location", description: "Şht. Ali Avcı Sk Tegi Apt Daire 1, Girne" },
|
||||
{ title: "Contact", description: "+90 533 849 79 79" },
|
||||
{ title: "Opening Hours", description: "Friday 10:00 - 18:00" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-beautiful-women-with-bags-looking-each-other-with-smile-while-walking-clothing-store_146671-15850.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Exceptional",
|
||||
quote: "Mutlaka kendi tarzınıza uygun birşey bulacağınızdan eminim... Çok güzel ve eşi benzeri yok... Kesinlikle tavsiyemdir... 😍",
|
||||
name: "Korsan Ayşe",
|
||||
role: "Verified Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-shopping-bags-city_1303-16810.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Unique",
|
||||
quote: "Anything you need from clothing to necklaces and more, something different.",
|
||||
name: "JAY NECIP",
|
||||
role: "Verified Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-cloths-menswear-shop_1303-30869.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Vintage Gems",
|
||||
quote: "Very good collection of vintages.",
|
||||
name: "Arian",
|
||||
role: "Verified Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-dress_23-2147688749.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Stunning",
|
||||
quote: "Found the most beautiful dress here, absolutely love the curation!",
|
||||
name: "Elena R.",
|
||||
role: "Verified Customer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-shopping-bags-city_1303-16810.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Customer Reviews"
|
||||
description="Rated 4.7/5 from 15 reviews."
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
title="Curated Experiences"
|
||||
description="Hear what our style-conscious clients say."
|
||||
testimonials={[
|
||||
{ id: "1", title: "Unique Pieces", quote: "The curation is truly something different. Absolutely love my finds.", name: "Korsan Ayşe", role: "Fashion Enthusiast" },
|
||||
{ id: "2", title: "Stunning Store", quote: "A beautiful sanctuary for fashion lovers in Girne.", name: "JAY NECIP", role: "Returning Client" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Contact Us"
|
||||
description="Get in touch or find us in Girne."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your message",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/indian-city-scene_23-2151823047.jpg"
|
||||
imageAlt="Boutique location in Girne"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Send Message"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Visit Our Boutique"
|
||||
description="Join our community or inquire about exclusive arrivals."
|
||||
inputs={[{ name: "name", type: "text", placeholder: "Full Name" }, { name: "email", type: "email", placeholder: "Email Address" }]}
|
||||
textarea={{ name: "message", placeholder: "How can we assist you?" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/indian-city-scene_23-2151823047.jpg"
|
||||
buttonText="Submit Inquiry"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#shop",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Socials",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Something Different Cyprus. All rights reserved."
|
||||
logoText="Something Different"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Something Different"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #fdfaf7;
|
||||
--card: #ffffff;
|
||||
--foreground: #1a1a1a;
|
||||
--background: #0a0a0a;
|
||||
--card: #161616;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #d4af37;
|
||||
--primary-cta-text: #1a1a1a;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta: #262626;
|
||||
--secondary-cta-text: #1a1a1a;
|
||||
--accent: #f3e5ab;
|
||||
--background-accent: #e6d5a0;
|
||||
--accent: #d4af37;
|
||||
--background-accent: #1a1a1a;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user