Merge version_2 into main #2
100
src/app/page.tsx
100
src/app/page.tsx
@@ -2,14 +2,14 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -40,7 +40,6 @@ export default function LandingPage() {
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Gallery of Tints"
|
||||
button={{ text: "Contact Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -120,42 +119,25 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="scale-rotate"
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Elena R.", role: "Fashion Stylist", company: "Studio Luxe", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-blue-eyes-young-woman-denim-jacket_613910-10554.jpg"},
|
||||
{
|
||||
id: "2", name: "Sarah J.", role: "Creative", company: "Design Daily", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-s-reflection-mirror_23-2149426425.jpg"},
|
||||
{
|
||||
id: "3", name: "Maya K.", role: "Boutique Owner", company: "Vogue Trends", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sideways-portrait-asian-model_23-2148240012.jpg"},
|
||||
{
|
||||
id: "4", name: "Chloe T.", role: "Influencer", company: "Style Scout", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-fashion-mascarade-halloween-celebration-elegant-flirty-cheerful-young-woman-with-short-blonde-hair-artistic-make-up-laughing-out-loud-posing-dark-wall-fancy-black-dress_343059-4356.jpg"},
|
||||
{
|
||||
id: "5", name: "Sophie L.", role: "Editor", company: "Fashion Mag", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-dark-wall_329181-7280.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "1000+", label: "Happy Clients"},
|
||||
{
|
||||
value: "4.9/5", label: "Avg Rating"},
|
||||
{
|
||||
value: "50+", label: "Styles Weekly"},
|
||||
]}
|
||||
title="Loved by Our Community"
|
||||
description="Hear what our style enthusiasts have to say."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Elena R.", handle: "@elena_style", testimonial: "Absolute perfection in every piece I've bought.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-blue-eyes-young-woman-denim-jacket_613910-10554.jpg"},
|
||||
{
|
||||
id: "2", name: "Sarah J.", handle: "@sarah_design", testimonial: "The quality is unmatched, truly elegant.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-s-reflection-mirror_23-2149426425.jpg"},
|
||||
{
|
||||
id: "3", name: "Maya K.", handle: "@maya_boutique", testimonial: "Stunning designs that feel timeless.", imageSrc: "http://img.b2bpic.net/free-photo/sideways-portrait-asian-model_23-2148240012.jpg"}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
@@ -173,63 +155,23 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
<ContactSplit
|
||||
tag="Reach Out"
|
||||
useInvertedBackground={true}
|
||||
title="Get in Touch"
|
||||
description="Have questions about a style or size? Send us a message."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "How can we help?", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150861918.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "New Arrivals", href: "#products"},
|
||||
{
|
||||
label: "Bestsellers", href: "#products"},
|
||||
{
|
||||
label: "Sales", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Shipping Info", href: "#"},
|
||||
{
|
||||
label: "Contact Us", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Instagram", href: "https://www.instagram.com/galleryoftints"},
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
<FooterLogoReveal
|
||||
logoText="Gallery of Tints"
|
||||
leftLink={{ text: "© 2025 Gallery of Tints", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f4ef;
|
||||
--card: #dad6cd;
|
||||
--foreground: #2a2928;
|
||||
--primary-cta: #2a2928;
|
||||
--background: #fdfbf9;
|
||||
--card: #f5f3f0;
|
||||
--foreground: #1a1a1a;
|
||||
--primary-cta: #1a1a1a;
|
||||
--primary-cta-text: #f5f4ef;
|
||||
--secondary-cta: #ecebea;
|
||||
--secondary-cta: #fdfbf9;
|
||||
--secondary-cta-text: #2a2928;
|
||||
--accent: #ffffff;
|
||||
--background-accent: #c6b180;
|
||||
--accent: #d1cfcd;
|
||||
--background-accent: #e8e5e1;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user