Compare commits
7 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 9e3372b4e4 | |||
| 4ad28f4095 | |||
| 329baa9365 | |||
| 8626ffdf9f | |||
| b5872a37bc | |||
| 41e440da98 | |||
| 07f1cb6f54 |
107
src/app/page.tsx
107
src/app/page.tsx
@@ -6,15 +6,13 @@ import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
|||||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
||||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||||
import FooterBase1 from '@/components/sections/footer/FooterBase1';
|
import FooterBase1 from '@/components/sections/footer/FooterBase1';
|
||||||
import { Camera, Zap, Sparkles, Monitor, Shield, Star, Heart } from "lucide-react";
|
import { Camera, Zap, Sparkles, Monitor, Shield, Star, Heart } from "lucide-react";
|
||||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||||
|
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
||||||
import TeamCardOne1 from '@/components/sections/team/TeamCardOne1';
|
import TeamCardOne1 from '@/components/sections/team/TeamCardOne1';
|
||||||
import TextAbout from '@/components/sections/about/TextAbout';
|
|
||||||
import FaqAccordionOne from '@/components/sections/faq/FaqAccordionOne';
|
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -156,35 +154,6 @@ export default function LandingPage() {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
|
||||||
<TestimonialCardTwelve
|
|
||||||
cardTitle="Trusted by over 50,000 satisfied customers worldwide who experience iPhone excellence daily"
|
|
||||||
cardTag="See what our customers say"
|
|
||||||
cardTagIcon={Heart}
|
|
||||||
testimonials={[
|
|
||||||
{
|
|
||||||
id: "1", name: "Sarah Johnson", imageSrc: "https://img.b2bpic.net/free-photo/caucasian-brunette-male-portrait_158595-7921.jpg", imageAlt: "Sarah Johnson"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2", name: "Michael Chen", imageSrc: "https://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3797.jpg", imageAlt: "Michael Chen"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3", name: "Emma Rodriguez", imageSrc: "https://img.b2bpic.net/free-photo/front-view-smiley-man-with-backpack_23-2149915917.jpg", imageAlt: "Emma Rodriguez"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4", name: "David Kim", imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1681.jpg", imageAlt: "David Kim"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5", name: "Jessica Walsh", imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1563.jpg", imageAlt: "Jessica Walsh"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "6", name: "Amanda Foster", imageSrc: "https://img.b2bpic.net/free-photo/confident-young-bald-call-center-man-standing-with-closed-posture-profile-view-isolated-purple-with-copy-space_141793-76759.jpg", imageAlt: "Amanda Foster"
|
|
||||||
}
|
|
||||||
]}
|
|
||||||
useInvertedBackground="noInvert"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplitForm
|
<ContactSplitForm
|
||||||
title="Get Your iPhone Today"
|
title="Get Your iPhone Today"
|
||||||
@@ -218,14 +187,18 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="team" data-section="team">
|
<div id="team" data-section="team">
|
||||||
<TeamCardOne1
|
<TeamCardOne1
|
||||||
title="Our Expert Team"
|
title="Meet Our Team"
|
||||||
description="Meet the dedicated team behind iPhone Store, passionate about delivering the best iPhone experience."
|
description="Discover the talented individuals who bring iPhone Store to life."
|
||||||
teamMembers={[
|
members={[
|
||||||
{ name: "John Doe", position: "CEO", image: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" },
|
{ id: "1", name: "Eve Wilson", role: "Founder & CEO", imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" },
|
||||||
{ name: "Jane Smith", position: "CTO", image: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" },
|
{ id: "2", name: "Frank Lee", role: "CTO", imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" },
|
||||||
{ name: "Mike Johnson", position: "Head of Design", image: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" },
|
{ id: "3", name: "Grace Chen", role: "Head of Design", imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" },
|
||||||
{ name: "Emily Davis", position: "Marketing Director", image: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" }
|
{ id: "4", name: "Hank Green", role: "Marketing Director", imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" }
|
||||||
]}
|
]}
|
||||||
|
gridVariant="grid"
|
||||||
|
animationType="slide"
|
||||||
|
textboxLayout="boxed"
|
||||||
|
useInvertedBackground="light"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -254,46 +227,36 @@ export default function LandingPage() {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="footer" data-section="footer">
|
||||||
<TextAbout tag="Discover" tagIcon="LightBulb" title="Explore the Latest iPhone Models" buttons={[
|
<FooterBase1
|
||||||
|
columns={[
|
||||||
{
|
{
|
||||||
label: "View Products",
|
title: "Products", items: [
|
||||||
href: "#products",
|
{ label: "iPhone 15 Pro", href: "#products" },
|
||||||
variant: "primary",
|
{ label: "iPhone 15", href: "#products" },
|
||||||
icon: "ArrowRight"
|
{ label: "iPhone SE", href: "#products" },
|
||||||
|
{ label: "Apple Watch", href: "#products" }
|
||||||
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: "Learn More",
|
title: "Support", items: [
|
||||||
href: "#features",
|
{ label: "Help Center", href: "#contact" },
|
||||||
variant: "secondary",
|
{ label: "Contact Us", href: "#contact" },
|
||||||
icon: "Info"
|
{ label: "Warranty Info", href: "#" },
|
||||||
}
|
{ label: "FAQs", href: "#" }
|
||||||
]} useInvertedBackground="invertDefault" className="bg-gray-900" containerClassName="max-w-5xl" titleClassName="text-white" buttonContainerClassName="justify-center" buttonClassName="bg-white text-black hover:bg-gray-200" buttonTextClassName="text-sm" />
|
]
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="faq" data-section="faq">
|
|
||||||
<FaqAccordionOne
|
|
||||||
title="iPhone Store FAQ"
|
|
||||||
description="Have questions about our iPhone models? Check out our frequently asked questions below."
|
|
||||||
items={[
|
|
||||||
{
|
|
||||||
question: "What iPhone models do you offer?",
|
|
||||||
answer: "We offer the latest models including iPhone 13, iPhone 13 Pro, iPhone 13 Pro Max, and iPhone SE (2022)."
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
question: "What are the key features of the iPhone 13 Pro?",
|
title: "Company", items: [
|
||||||
answer: "The iPhone 13 Pro features a ProMotion display, A15 Bionic chip, Ceramic Shield front cover, and advanced cameras."
|
{ label: "About Us", href: "#" },
|
||||||
},
|
{ label: "Blog", href: "#" },
|
||||||
{
|
{ label: "Careers", href: "#" },
|
||||||
question: "Can I trade in my old iPhone?",
|
{ label: "Press Room", href: "#" }
|
||||||
answer: "Yes, you can trade in your old iPhone for credit towards a new one. Visit our store for more details."
|
]
|
||||||
},
|
|
||||||
{
|
|
||||||
question: "How long is the warranty period?",
|
|
||||||
answer: "All iPhones come with a standard 1-year warranty. Extended warranty options are available upon purchase."
|
|
||||||
}
|
}
|
||||||
]}
|
]}
|
||||||
image="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80"
|
copyrightText="© 2025 iPhone Store. All rights reserved."
|
||||||
|
logoUrl="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -158,3 +158,26 @@ const HeroLogoBillboard = ({
|
|||||||
HeroLogoBillboard.displayName = "HeroLogoBillboard";
|
HeroLogoBillboard.displayName = "HeroLogoBillboard";
|
||||||
|
|
||||||
export default HeroLogoBillboard;
|
export default HeroLogoBillboard;
|
||||||
|
|
||||||
|
const darkBlueTheme = {
|
||||||
|
background: "bg-dark-blue",
|
||||||
|
foreground: "text-white",
|
||||||
|
accent: "bg-dark-blue-accent",
|
||||||
|
border: "border-white/10",
|
||||||
|
balance: "text-white/75",
|
||||||
|
};
|
||||||
|
|
||||||
|
HeroLogoBillboard.defaultProps = {
|
||||||
|
className: darkBlueTheme.background,
|
||||||
|
containerClassName: darkBlueTheme.background,
|
||||||
|
logoContainerClassName: darkBlueTheme.background,
|
||||||
|
logoClassName: darkBlueTheme.foreground,
|
||||||
|
descriptionClassName: darkBlueTheme.foreground,
|
||||||
|
buttonContainerClassName: darkBlueTheme.background,
|
||||||
|
buttonClassName: darkBlueTheme.foreground,
|
||||||
|
buttonTextClassName: darkBlueTheme.foreground,
|
||||||
|
mediaWrapperClassName: darkBlueTheme.background,
|
||||||
|
imageClassName: darkBlueTheme.foreground,
|
||||||
|
browserBarClassName: darkBlueTheme.background,
|
||||||
|
addressBarClassName: darkBlueTheme.background,
|
||||||
|
};
|
||||||
Reference in New Issue
Block a user