Merge version_1 into main #1
217
src/app/page.tsx
217
src/app/page.tsx
@@ -32,18 +32,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Store",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Apple"
|
||||
/>
|
||||
@@ -54,14 +45,8 @@ export default function LandingPage() {
|
||||
logoText="Apple"
|
||||
description="Innovation that pushes the boundaries of possibility. Experience the future of technology."
|
||||
buttons={[
|
||||
{
|
||||
text: "Buy Now",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
{ text: "Buy Now", href: "#products" },
|
||||
{ text: "Learn More", href: "#about" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-stationary-collection-arrangement_23-2149309698.jpg"
|
||||
@@ -73,22 +58,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Ultra Speed",
|
||||
description: "Processing power that keeps up with your creativity.",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Secure by Design",
|
||||
description: "Privacy built in, ensuring your data remains yours.",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
title: "Advanced Silicon",
|
||||
description: "Next-gen architecture for unparalleled efficiency.",
|
||||
},
|
||||
{ icon: Zap, title: "Ultra Speed", description: "Processing power that keeps up with your creativity." },
|
||||
{ icon: Shield, title: "Secure by Design", description: "Privacy built in, ensuring your data remains yours." },
|
||||
{ icon: Star, title: "Advanced Silicon", description: "Next-gen architecture for unparalleled efficiency." }
|
||||
]}
|
||||
animationType="slide-up"
|
||||
title="Unmatched Performance"
|
||||
description="Revolutionary hardware engineered for speed, efficiency, and seamless user experiences."
|
||||
/>
|
||||
@@ -101,42 +75,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "iPhone 15",
|
||||
price: "$799",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grey-cell-phone-connected-usb-cable-type-c-charging_58702-4785.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "MacBook Pro",
|
||||
price: "$1999",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-phone-marble-table_53876-65481.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "AirPods Pro",
|
||||
price: "$249",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-orange-hard-disk-components_23-2149413375.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Apple Watch",
|
||||
price: "$399",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sneakers-water-bottles-near-tablet_23-2147750729.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "iPad Pro",
|
||||
price: "$999",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-screen-smart-tech_53876-97300.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Apple TV",
|
||||
price: "$149",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/earphone-guitar-hat-digital-tablet-turquoise-background_23-2147889286.jpg",
|
||||
},
|
||||
{ id: "p1", name: "iPhone 15", price: "$799", imageSrc: "http://img.b2bpic.net/free-photo/grey-cell-phone-connected-usb-cable-type-c-charging_58702-4785.jpg" },
|
||||
{ id: "p2", name: "MacBook Pro", price: "$1999", imageSrc: "http://img.b2bpic.net/free-photo/laptop-phone-marble-table_53876-65481.jpg" },
|
||||
{ id: "p3", name: "AirPods Pro", price: "$249", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-orange-hard-disk-components_23-2149413375.jpg" },
|
||||
{ id: "p4", name: "Apple Watch", price: "$399", imageSrc: "http://img.b2bpic.net/free-photo/sneakers-water-bottles-near-tablet_23-2147750729.jpg" },
|
||||
{ id: "p5", name: "iPad Pro", price: "$999", imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-screen-smart-tech_53876-97300.jpg" },
|
||||
{ id: "p6", name: "Apple TV", price: "$149", imageSrc: "http://img.b2bpic.net/free-photo/earphone-guitar-hat-digital-tablet-turquoise-background_23-2147889286.jpg" }
|
||||
]}
|
||||
title="The Latest Lineup"
|
||||
description="Discover the devices that redefine excellence."
|
||||
@@ -147,28 +91,11 @@ export default function LandingPage() {
|
||||
<MetricCardEleven
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "200M+",
|
||||
title: "Users Served",
|
||||
description: "Globally connected.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-circuit-board_23-2152020925.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
description: "Reliable service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104476.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "150+",
|
||||
title: "Global Stores",
|
||||
description: "Retail presence.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rows-film-near-camera_23-2147852535.jpg",
|
||||
},
|
||||
{ id: "m1", value: "200M+", title: "Users Served", description: "Globally connected.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-circuit-board_23-2152020925.jpg" },
|
||||
{ id: "m2", value: "99.9%", title: "Uptime", description: "Reliable service.", imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104476.jpg" },
|
||||
{ id: "m3", value: "150+", title: "Global Stores", description: "Retail presence.", imageSrc: "http://img.b2bpic.net/free-photo/rows-film-near-camera_23-2147852535.jpg" }
|
||||
]}
|
||||
title="Performance at Scale"
|
||||
description="Data-driven results for a connected world."
|
||||
@@ -181,41 +108,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice J.",
|
||||
handle: "@alice",
|
||||
testimonial: "The best tech I've ever owned.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-grey-jacket-laughing-brown-background-cheerful-young-girl-oversize-stylish-suit-smiles-poses-isolated_197531-18578.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bob S.",
|
||||
handle: "@bob",
|
||||
testimonial: "Game changer for my workflow.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-darkroom_23-2149893830.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Charlie R.",
|
||||
handle: "@charlie",
|
||||
testimonial: "Incredible quality and reliability.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-man-holding-digital-tablet_23-2147859879.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David M.",
|
||||
handle: "@david",
|
||||
testimonial: "Exceeds all expectations every time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Eve W.",
|
||||
handle: "@eve",
|
||||
testimonial: "A must-have for professionals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-background-concept-dark-gradient-purple-studio-room-background-product_1258-79754.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Alice J.", handle: "@alice", testimonial: "The best tech I've ever owned.", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-grey-jacket-laughing-brown-background-cheerful-young-girl-oversize-stylish-suit-smiles-poses-isolated_197531-18578.jpg" },
|
||||
{ id: "t2", name: "Bob S.", handle: "@bob", testimonial: "Game changer for my workflow.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-darkroom_23-2149893830.jpg" },
|
||||
{ id: "t3", name: "Charlie R.", handle: "@charlie", testimonial: "Incredible quality and reliability.", imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-man-holding-digital-tablet_23-2147859879.jpg" },
|
||||
{ id: "t4", name: "David M.", handle: "@david", testimonial: "Exceeds all expectations every time.", imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg" },
|
||||
{ id: "t5", name: "Eve W.", handle: "@eve", testimonial: "A must-have for professionals.", imageSrc: "http://img.b2bpic.net/free-photo/studio-background-concept-dark-gradient-purple-studio-room-background-product_1258-79754.jpg" }
|
||||
]}
|
||||
title="Loved Worldwide"
|
||||
description="Stories from our community of creators."
|
||||
@@ -226,21 +123,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How does support work?",
|
||||
content: "Our support team is available 24/7.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I return items?",
|
||||
content: "Yes, we offer a 30-day return policy.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer financing?",
|
||||
content: "We have several flexible financing options.",
|
||||
},
|
||||
{ id: "f1", title: "How does support work?", content: "Our support team is available 24/7." },
|
||||
{ id: "f2", title: "Can I return items?", content: "Yes, we offer a 30-day return policy." },
|
||||
{ id: "f3", title: "Do you offer financing?", content: "We have several flexible financing options." }
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
sideDescription="We have answers."
|
||||
@@ -253,21 +138,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Our Mission"
|
||||
metrics={[
|
||||
{
|
||||
icon: Globe,
|
||||
label: "Global Reach",
|
||||
value: "Worldwide",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Quality",
|
||||
value: "Premium",
|
||||
},
|
||||
{
|
||||
icon: Lightbulb,
|
||||
label: "Innovation",
|
||||
value: "Leading",
|
||||
},
|
||||
{ icon: Globe, label: "Global Reach", value: "Worldwide" },
|
||||
{ icon: Award, label: "Quality", value: "Premium" },
|
||||
{ icon: Lightbulb, label: "Innovation", value: "Leading" }
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -276,9 +149,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Stay Connected"
|
||||
title="Join the Apple Ecosystem"
|
||||
description="Sign up for updates on our latest products and innovations."
|
||||
@@ -288,30 +159,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Products", href: "#products" }, { label: "Support", href: "#contact" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
logoText="Apple"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user