Merge version_2 into main #1
301
src/app/page.tsx
301
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Kopliku Travel"
|
||||
/>
|
||||
@@ -54,63 +46,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Discover Albania & Beyond — Travel Made Easy"
|
||||
description="Professional travel services, transport, and unforgettable experiences since 2005."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-african-young-lady-walking-outdoors-beach_171337-16228.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-charming-blonde-woman-white-blouse-smiles-sincerely_197531-23127.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-pointing-direction-family_1398-2813.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-hiking-tour_23-2150343020.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-wearing-hat_23-2148631369.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "https://img.b2bpic.net/free-photo/shkoder-rozafa-castle_1268-20346.jpg", alt: "Rozafa Castle" },
|
||||
{ src: "https://img.b2bpic.net/free-photo/albanian-alps-valbona_23-2148631369.jpg", alt: "Albanian Alps" },
|
||||
{ src: "https://img.b2bpic.net/free-photo/koman-lake-albania_23-2149401827.jpg", alt: "Koman Lake" },
|
||||
{ src: "https://img.b2bpic.net/free-photo/ksamil-islands-albania_23-2149052508.jpg", alt: "Ksamil" },
|
||||
{ src: "https://img.b2bpic.net/free-photo/berat-city-albania_53876-133984.jpg", alt: "Berat City" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Book Now", href: "#contact" },
|
||||
{ text: "Contact Us", href: "#contact" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "20+ Years Experience",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Safe & Reliable Transport",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Custom Travel Planning",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional Tour Guides",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Unforgettable Experiences",
|
||||
},
|
||||
{ type: "text", text: "20+ Years Experience" },
|
||||
{ type: "text", text: "Safe & Reliable Transport" },
|
||||
{ type: "text", text: "Custom Travel Planning" },
|
||||
{ type: "text", text: "Professional Tour Guides" },
|
||||
{ type: "text", text: "Unforgettable Experiences" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -121,56 +76,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Flight & Transport",
|
||||
author: "Ticketing",
|
||||
description: "Reliable plane, ferry, and bus tickets.",
|
||||
tags: [
|
||||
"Tickets",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/routes-plane-ship-train_78370-4295.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Tour Packages",
|
||||
author: "Tours",
|
||||
description: "Unforgettable trips across Albania & Europe.",
|
||||
tags: [
|
||||
"Packages",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-travel-element-collection_23-2147541289.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Hotel Reservations",
|
||||
author: "Lodging",
|
||||
description: "Best local and international hotel stays.",
|
||||
tags: [
|
||||
"Hotels",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/receptionist-showing-thumbs-down-sign-grey-background_482257-81852.jpg",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
title: "Private Transport",
|
||||
author: "Fleet",
|
||||
description: "Comfortable private and group transport.",
|
||||
tags: [
|
||||
"Transport",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-black-couple-holding-hands-talking-while-getting-out-bus_637285-12224.jpg",
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
title: "Custom Travel",
|
||||
author: "Planning",
|
||||
description: "Bespoke itineraries for every traveler.",
|
||||
tags: [
|
||||
"Custom",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/break-leisure-freetime-weekend-concept_53876-133984.jpg",
|
||||
},
|
||||
{ id: "s1", title: "Flight & Transport", author: "Ticketing", description: "Reliable plane, ferry, and bus tickets.", tags: ["Tickets"], imageSrc: "https://img.b2bpic.net/free-photo/albanian-scenic-bus-route_23-2149052508.jpg" },
|
||||
{ id: "s2", title: "Tour Packages", author: "Tours", description: "Unforgettable trips across Albania & Europe.", tags: ["Packages"], imageSrc: "https://img.b2bpic.net/free-photo/albanian-alps-trekking_23-2148631369.jpg" },
|
||||
{ id: "s3", title: "Hotel Reservations", author: "Lodging", description: "Best local and international hotel stays.", tags: ["Hotels"], imageSrc: "https://img.b2bpic.net/free-photo/tirana-city-hotel_107420-95803.jpg" },
|
||||
{ id: "s4", title: "Private Transport", author: "Fleet", description: "Comfortable private and group transport.", tags: ["Transport"], imageSrc: "https://img.b2bpic.net/free-photo/modern-minibus-albania_637285-12224.jpg" },
|
||||
{ id: "s5", title: "Custom Travel", author: "Planning", description: "Bespoke itineraries for every traveler.", tags: ["Custom"], imageSrc: "https://img.b2bpic.net/free-photo/shkoder-lake-sunset_1398-2813.jpg" },
|
||||
]}
|
||||
title="Our Core Services"
|
||||
description="Premium travel and transport solutions tailored for your needs."
|
||||
@@ -183,33 +93,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "20+",
|
||||
title: "Years Experience",
|
||||
items: [
|
||||
"Expert guidance",
|
||||
"Proven track record",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
title: "Commitment",
|
||||
items: [
|
||||
"Safety first",
|
||||
"Reliable support",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500+",
|
||||
title: "Happy Clients",
|
||||
items: [
|
||||
"Trusted quality",
|
||||
"Positive feedback",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "20+", title: "Years Experience", items: ["Expert guidance", "Proven track record"] },
|
||||
{ id: "m2", value: "100%", title: "Commitment", items: ["Safety first", "Reliable support"] },
|
||||
{ id: "m3", value: "500+", title: "Happy Clients", items: ["Trusted quality", "Positive feedback"] },
|
||||
]}
|
||||
title="Why Choose Kopliku Travel"
|
||||
description="Decades of experience meeting the highest travel standards."
|
||||
@@ -223,42 +109,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "v1",
|
||||
name: "Mercedes Sprinter",
|
||||
price: "Standard",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-with-white-van_53876-119859.jpg",
|
||||
},
|
||||
{
|
||||
id: "v2",
|
||||
name: "Tour Coach",
|
||||
price: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/camper-van-scenic-road-autumn-travel-adventure_169016-69939.jpg",
|
||||
},
|
||||
{
|
||||
id: "v3",
|
||||
name: "Private Van",
|
||||
price: "Comfort",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-person-delivering-parcel-with-van_1048-17816.jpg",
|
||||
},
|
||||
{
|
||||
id: "v4",
|
||||
name: "Sedan Transport",
|
||||
price: "Private",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steam-train-mocanita-railway-station-romania_1268-20346.jpg",
|
||||
},
|
||||
{
|
||||
id: "v5",
|
||||
name: "Group Minibus",
|
||||
price: "Budget",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-enjoying-views-car-trip_23-2149401827.jpg",
|
||||
},
|
||||
{
|
||||
id: "v6",
|
||||
name: "Executive Car",
|
||||
price: "Luxury",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-rural-travellers-driving-through-country-side_23-2149052508.jpg",
|
||||
},
|
||||
{ id: "v1", name: "Mercedes Sprinter", price: "Standard", imageSrc: "https://img.b2bpic.net/free-photo/mercedes-sprinter-albania_53876-119859.jpg" },
|
||||
{ id: "v2", name: "Tour Coach", price: "Premium", imageSrc: "https://img.b2bpic.net/free-photo/tour-coach-alps_169016-69939.jpg" },
|
||||
{ id: "v3", name: "Private Van", price: "Comfort", imageSrc: "https://img.b2bpic.net/free-photo/private-transfer-van_1048-17816.jpg" },
|
||||
{ id: "v4", name: "Sedan Transport", price: "Private", imageSrc: "https://img.b2bpic.net/free-photo/luxury-sedan-albania_1268-20346.jpg" },
|
||||
{ id: "v5", name: "Group Minibus", price: "Budget", imageSrc: "https://img.b2bpic.net/free-photo/minibus-travel-group_23-2149401827.jpg" },
|
||||
{ id: "v6", name: "Executive Car", price: "Luxury", imageSrc: "https://img.b2bpic.net/free-photo/executive-car-albania_23-2149052508.jpg" },
|
||||
]}
|
||||
title="Our Modern Fleet"
|
||||
description="Travel in comfort and safety with our maintained vehicles."
|
||||
@@ -269,12 +125,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Trusted Agency from Shkodër Since 2005"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Learn More", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -285,46 +136,11 @@ export default function LandingPage() {
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ana Smith",
|
||||
role: "Traveler",
|
||||
company: "UK",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-outdoor-portrait-attractive-pretty-woman-sunglasses-with-backpack-is-traveling-mountains-sunny-warm-day_291650-1926.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark Jones",
|
||||
role: "Visitor",
|
||||
company: "USA",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-businessman-sitting-chair-waiting-area_107420-95803.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rossi",
|
||||
role: "Group Lead",
|
||||
company: "Italy",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-friends-walking-give-high-five-each-other_171337-15478.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Hans Muller",
|
||||
role: "Explorer",
|
||||
company: "Germany",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-hat-sunglasses-striped-blouse-holding-card-hugging-with-man-with-mustache-white-shirt-with-camera_197531-19143.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sarah Davis",
|
||||
role: "Tourist",
|
||||
company: "Canada",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-seaside_23-2148637334.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Ana Smith", role: "Traveler", company: "UK", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/traveler-alps_291650-1926.jpg" },
|
||||
{ id: "t2", name: "Mark Jones", role: "Visitor", company: "USA", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/visitor-tirana_107420-95803.jpg" },
|
||||
{ id: "t3", name: "Elena Rossi", role: "Group Lead", company: "Italy", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/group-lead-albania_171337-15478.jpg" },
|
||||
{ id: "t4", name: "Hans Muller", role: "Explorer", company: "Germany", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/explorer-albania_197531-19143.jpg" },
|
||||
{ id: "t5", name: "Sarah Davis", role: "Tourist", company: "Canada", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/tourist-ksamil_23-2148637334.jpg" },
|
||||
]}
|
||||
title="What Our Travelers Say"
|
||||
description="Authentic experiences from people who explored with us."
|
||||
@@ -335,58 +151,27 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Plan your next journey with confidence."
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "WhatsApp Us", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact"
|
||||
title="Reach Out to Us"
|
||||
description="Shkodër, Albania | Mon-Sun: 08:00 - 20:00"
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/landscape-shot-fields-full-trees-with-mountains-switzerland_181624-22813.jpg"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/rozafa-castle-sunset_181624-22813.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Tickets",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Tours",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Tickets", href: "#services" }, { label: "Tours", href: "#services" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
logoText="Kopliku Travel"
|
||||
/>
|
||||
@@ -394,4 +179,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user