Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
310
src/app/page.tsx
310
src/app/page.tsx
@@ -2,15 +2,15 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Award, Star, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Catalog",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#features" },
|
||||
{ name: "Catalog", id: "#products" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Dulha Libass"
|
||||
/>
|
||||
@@ -59,94 +44,12 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Timeless Elegance for the Modern Gentleman"
|
||||
description="Exquisite sherwanis, bespoke suits, and traditional formal wear tailored to perfection for your most cherished moments."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Ali Khan",
|
||||
handle: "@alikhan",
|
||||
testimonial: "Exceptional craftsmanship. My sherwani was the highlight of the wedding.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-black-suit-white-rose-boutonniere-stands-garden_8353-7078.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The best boutique in the city. Their attention to detail is unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-male-dressed-blue-shirt-white-jacket-bow-tie-grey-background_613910-177.jpg",
|
||||
},
|
||||
{
|
||||
name: "Hassan M.",
|
||||
handle: "@hassanm",
|
||||
testimonial: "Perfect fit and timeless style. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/groom-dressed-white-shirt_1157-19033.jpg",
|
||||
},
|
||||
{
|
||||
name: "Kamran D.",
|
||||
handle: "@kamrand",
|
||||
testimonial: "Truly tailored perfection. Worth every penny for the quality.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-groom-his-beach-wedding_23-2149044007.jpg",
|
||||
},
|
||||
{
|
||||
name: "Faraz T.",
|
||||
handle: "@farazt",
|
||||
testimonial: "Sophisticated service and world-class designs.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-studio-lights-background_158538-9526.jpg",
|
||||
},
|
||||
]}
|
||||
testimonials={[]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/solid-brunette-groom-black-suit-indoor-sunlight_1153-6101.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-man-holding-glass-champagne-hand-with-smoke-from-it_482257-31522.jpg",
|
||||
alt: "Happy client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-groom-s-suit-with-flowers-red-patterned-tie-with-trees-background_181624-23731.jpg",
|
||||
alt: "Happy client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-man-standing-looking-wedding-suit-black-white_176474-4788.jpg",
|
||||
alt: "Happy client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-half-face-portrait-bearded-boss-black-suit-shirt_8353-6226.jpg",
|
||||
alt: "Happy client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9677.jpg",
|
||||
alt: "Happy client 5",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Bespoke Tailoring",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Fabric",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Styling",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hand Embroidery",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Finish",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -168,21 +71,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Bespoke Tailoring",
|
||||
description: "Precision fitting that honors your silhouette.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-making-origami-with-japanese-paper_23-2149048364.jpg",
|
||||
},
|
||||
{
|
||||
title: "Premium Fabrics",
|
||||
description: "Only the finest materials for luxury wear.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543690.jpg",
|
||||
},
|
||||
{
|
||||
title: "Personal Styling",
|
||||
description: "Expert advice for your unique look.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-groom-blue-costume_23-2149003442.jpg",
|
||||
},
|
||||
{ title: "Bespoke Tailoring", description: "Precision fitting that honors your silhouette.", imageSrc: "http://img.b2bpic.net/free-photo/woman-making-origami-with-japanese-paper_23-2149048364.jpg" },
|
||||
{ title: "Premium Fabrics", description: "Only the finest materials for luxury wear.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-fashion-designer-s-office_23-2150543690.jpg" },
|
||||
{ title: "Personal Styling", description: "Expert advice for your unique look.", imageSrc: "http://img.b2bpic.net/free-photo/young-groom-blue-costume_23-2149003442.jpg" },
|
||||
]}
|
||||
title="Why Choose Dulha Libass"
|
||||
description="We don't just sell clothes; we provide a curated experience for the discerning man."
|
||||
@@ -195,50 +86,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Royal Sherwani",
|
||||
price: "Custom Pricing",
|
||||
variant: "Traditional",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-posing-studio_158595-1808.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "3 Piece Suit",
|
||||
price: "Custom Pricing",
|
||||
variant: "Formal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-glasses-near-dark-wall_158538-11245.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Party Suit",
|
||||
price: "Custom Pricing",
|
||||
variant: "Party",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9531.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Prince Suit",
|
||||
price: "Custom Pricing",
|
||||
variant: "Royal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-groom-with-black-bowtie_1328-4891.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Embroidered Kurta",
|
||||
price: "Custom Pricing",
|
||||
variant: "Ethnic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-businesman-summer-city_1157-25613.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Sherwani Suit",
|
||||
price: "Custom Pricing",
|
||||
variant: "Wedding",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/groom-with-bouquet_1153-86.jpg",
|
||||
},
|
||||
]}
|
||||
products={[]}
|
||||
title="Our Collection"
|
||||
description="Discover a diverse range of attire for formal celebrations and festivities."
|
||||
/>
|
||||
@@ -250,24 +98,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Users,
|
||||
title: "Happy Clients",
|
||||
value: "1000+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Award,
|
||||
title: "Custom Suits",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Star,
|
||||
title: "Years of Excellence",
|
||||
value: "15+",
|
||||
},
|
||||
{ id: "m1", icon: Users, title: "Happy Clients", value: "1000+" },
|
||||
{ id: "m2", icon: Award, title: "Custom Suits", value: "500+" },
|
||||
{ id: "m3", icon: Star, title: "Years of Excellence", value: "15+" },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Quality defined by the men we serve."
|
||||
@@ -275,101 +108,54 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ahmad R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-groom-his-beach-wedding_23-2149044008.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bilal K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fashion-elegant-long-haired-young-man-attractive-handsome-male-model-black-suit-with-mustache-street-night_158538-13770.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Omar S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-businessman-model-dressed-elegant-checkered-suit-posing-near-gray-wall-street-background-metrosexual-with-luxury-watch-wrist_158538-14230.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Hamza Z.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bride-groom-cling-wineglasses-with-friends-wedding-reception_53876-31524.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Zaid A.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-cloths-menswear-shop_1303-30869.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="What Our Clients Say"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="slide-up"
|
||||
<TestimonialCardFifteen
|
||||
testimonial="The attention to detail in their bespoke suits is truly remarkable. I felt like royalty on my wedding day."
|
||||
author="Ali Khan"
|
||||
rating={5}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/handsome-groom-black-suit-white-rose-boutonniere-stands-garden_8353-7078.jpg", alt: "Ali Khan" }]}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
<ContactSplitForm
|
||||
title="Boutique Inquiries"
|
||||
description="Send us your measurement details or book a fitting session at our studio."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true }
|
||||
]}
|
||||
textarea={{ name: "inquiry", placeholder: "How can we help?", rows: 4, required: true }}
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Book Your Appointment"
|
||||
description="Ready to tailor your perfect look? Visit us in Rawalpindi or reach out via our contact details. We look forward to styling you."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/clothes-store-with-mannequin_23-2148929534.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Get Directions"
|
||||
buttonText="Submit Inquiry"
|
||||
mediaPosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
<FooterBase
|
||||
logoText="Dulha Libass"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Our Collection",
|
||||
href: "#products",
|
||||
},
|
||||
title: "Boutique", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Our Collection", href: "#products" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
{
|
||||
label: "Shop #15-C, 2nd Floor Gakhar Plaza",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Bank Road, Saddar, Rwp",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Visit", items: [
|
||||
{ label: "Rawalpindi Studio", href: "#contact" },
|
||||
{ label: "Book Appointment", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "0311-5150139",
|
||||
href: "tel:03115150139",
|
||||
},
|
||||
{
|
||||
label: "0331-5003415",
|
||||
href: "tel:03315003415",
|
||||
},
|
||||
title: "Connect", items: [
|
||||
{ label: "0311-5150139", href: "tel:03115150139" },
|
||||
{ label: "0331-5003415", href: "tel:03315003415" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -379,4 +165,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user