Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 3bcbfaa2b2 | |||
| 994434be14 | |||
| 3026458805 | |||
| 1e44fa58e6 | |||
| 90a807affd | |||
| bbb3ea5478 |
289
src/app/page.tsx
289
src/app/page.tsx
@@ -6,7 +6,7 @@ import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
@@ -32,102 +32,29 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Shop", id: "products" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="PERRY IDEALS"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Excellence in Every Device"
|
||||
description="Perry Ideals brings you the finest selection of iPhones and premium accessories. Experience innovation and quality with every purchase."
|
||||
kpis={[
|
||||
{
|
||||
value: "1000+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
{
|
||||
value: "5+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Genuine Products",
|
||||
},
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="PERRY IDEALS: Precision & Style"
|
||||
description="Experience the next generation of mobile tech. Featuring the latest iPhone 17 and AirPods Pro, meticulously curated for those who demand the best."
|
||||
leftCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-iphone-with-colorful-gradient-back-studio-shot_187299-46640.jpg", imageAlt: "Orange iPhone 17" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/eid-phone-front-side_187299-38984.jpg", imageAlt: "AirPods Pro case" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-modern-iphone-with-colorful-gradient-back-studio-shot_187299-46640.jpg"
|
||||
imageAlt="iphone product photography studio"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/eid-phone-front-side_187299-38984.jpg",
|
||||
alt: "Eid Phone Front Side",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2149480230.jpg",
|
||||
alt: "High angle hands holding smartphone",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-taking-photos-ceramic-kitchenware_23-2149060837.jpg",
|
||||
alt: "Woman taking photos of ceramic kitchenware",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-practicing-yoga-is-engaged-with-teacher-online_1153-7673.jpg",
|
||||
alt: "Young woman practicing yoga is engaged with the teacher online",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-casual-african-american-girl-stylish-trench-coat-with-coffee-go-cellphone-joyfully-looking-camera-outdoor_574295-2868.jpg",
|
||||
alt: "Attractive casual African American girl in stylish trench coat with coffee to go and cellphone joyfully looking in camera outdoor",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Latest Tech",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Quality",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Shipping",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Genuine",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Support",
|
||||
},
|
||||
rightCarouselItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/elegant-smartphone-composition_23-2149437087.jpg", imageAlt: "iPhone 17 Lifestyle" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-render-100-years-celebration-pen-tool-created-clipping-path-included-jpeg-easy-composite_460848-10965.jpg?_wi=1", imageAlt: "Tech accessory" }
|
||||
]}
|
||||
buttons={[{ text: "Discover Now", href: "#products" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -135,12 +62,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Quality You Can Trust at Perry Ideals"
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Mission",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Our Mission", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -150,30 +72,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Premium Materials",
|
||||
tags: [
|
||||
"Quality",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-ferromagnetic-metal-with-blurred-background_23-2148253604.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Fast Charging",
|
||||
tags: [
|
||||
"Efficiency",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop_23-2148155405.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Ultimate Protection",
|
||||
tags: [
|
||||
"Safety",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-disinfecting-tablet_23-2148577822.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Premium Materials", tags: ["Quality"], imageSrc: "http://img.b2bpic.net/free-photo/close-up-ferromagnetic-metal-with-blurred-background_23-2148253604.jpg" },
|
||||
{ id: "f2", title: "Fast Charging", tags: ["Efficiency"], imageSrc: "http://img.b2bpic.net/free-photo/laptop_23-2148155405.jpg" },
|
||||
{ id: "f3", title: "Ultimate Protection", tags: ["Safety"], imageSrc: "http://img.b2bpic.net/free-photo/person-disinfecting-tablet_23-2148577822.jpg" },
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="We specialize in delivering premium quality products with unmatched customer service."
|
||||
@@ -187,42 +88,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "iPhone 15 Pro",
|
||||
price: "$999",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tablets-lined-up-display-shopping-mall_53876-97239.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "iPhone 15",
|
||||
price: "$799",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-100-years-celebration-pen-tool-created-clipping-path-included-jpeg-easy-composite_460848-10965.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "iPhone 14 Pro",
|
||||
price: "$899",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/potted-plant-near-tablet-stationery_23-2147768855.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "iPhone 14",
|
||||
price: "$699",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-virtual-reality-headset-white-headphones_23-2148912739.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "iPhone 13",
|
||||
price: "$599",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-smartphone-composition_23-2149437087.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "MagSafe Case",
|
||||
price: "$49",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/5g-text-mobile-phone_23-2148291165.jpg",
|
||||
},
|
||||
{ id: "p1", name: "iPhone 17 Pro", price: "$1199", imageSrc: "http://img.b2bpic.net/free-photo/tablets-lined-up-display-shopping-mall_53876-97239.jpg" },
|
||||
{ id: "p2", name: "AirPods Pro", price: "$249", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-100-years-celebration-pen-tool-created-clipping-path-included-jpeg-easy-composite_460848-10965.jpg?_wi=2" },
|
||||
{ id: "p3", name: "iPhone 15", price: "$799", imageSrc: "http://img.b2bpic.net/free-photo/potted-plant-near-tablet-stationery_23-2147768855.jpg" },
|
||||
]}
|
||||
title="Our Latest Collection"
|
||||
description="Discover our curated range of iPhones and high-end accessories."
|
||||
@@ -235,24 +103,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Orders Processed",
|
||||
value: "5000+",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Accessories Sold",
|
||||
value: "12,000+",
|
||||
icon: Smartphone,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Customer Reviews",
|
||||
value: "4.9/5",
|
||||
icon: Star,
|
||||
},
|
||||
{ id: "m1", title: "Orders Processed", value: "5000+", icon: CheckCircle },
|
||||
{ id: "m2", title: "Accessories Sold", value: "12,000+", icon: Smartphone },
|
||||
{ id: "m3", title: "Customer Reviews", value: "4.9/5", icon: Star },
|
||||
]}
|
||||
title="Growth and Trust"
|
||||
description="Perry Ideals continues to expand its legacy of excellence."
|
||||
@@ -265,41 +118,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
role: "Photographer",
|
||||
testimonial: "Excellent service and genuine product. Perry Ideals is my go-to.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-using-tablet_23-2148468686.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Jane Smith",
|
||||
role: "Creative",
|
||||
testimonial: "The iPhone arrived perfectly and the case is so stylish.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mike Ross",
|
||||
role: "Developer",
|
||||
testimonial: "Lightning fast shipping and great communication.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-woman-close-eyes-showing-okay-ok-sign-zero-gesture-no-proble-praise-awesome-good-thing-standing-stylish-outfit-against-white-background_176420-46697.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sarah Lee",
|
||||
role: "Designer",
|
||||
testimonial: "High quality products and very competitive pricing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Chris P.",
|
||||
role: "Professional",
|
||||
testimonial: "Highly recommend them for all iPhone needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-shirt-holding-tablet_273609-15223.jpg",
|
||||
},
|
||||
{ id: "t1", name: "John Doe", role: "Photographer", testimonial: "Excellent service and genuine product. Perry Ideals is my go-to.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-using-tablet_23-2148468686.jpg" },
|
||||
{ id: "t2", name: "Jane Smith", role: "Creative", testimonial: "The iPhone arrived perfectly and the case is so stylish.", imageSrc: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg" },
|
||||
]}
|
||||
title="Voices of Satisfied Customers"
|
||||
description="Join our community of happy tech enthusiasts."
|
||||
@@ -311,21 +131,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are products genuine?",
|
||||
content: "Yes, we guarantee 100% genuine products.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Shipping times?",
|
||||
content: "We ship within 2-3 business days globally.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Return policy?",
|
||||
content: "We offer a 14-day return policy for unopened items.",
|
||||
},
|
||||
{ id: "q1", title: "Are products genuine?", content: "Yes, we guarantee 100% genuine products." },
|
||||
{ id: "q2", title: "Shipping times?", content: "We ship within 2-3 business days globally." },
|
||||
]}
|
||||
title="Common Inquiries"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -336,9 +143,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Stay Updated"
|
||||
title="Get Our Latest Offers"
|
||||
description="Sign up for exclusive deals and updates directly in your inbox."
|
||||
@@ -351,34 +156,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
},
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Home", href: "#home" }, { label: "Shop", href: "#products" }] },
|
||||
{ items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
]}
|
||||
logoText="PERRY IDEALS"
|
||||
/>
|
||||
@@ -386,4 +165,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user