Update src/app/page.tsx
This commit is contained in:
223
src/app/page.tsx
223
src/app/page.tsx
@@ -1,5 +1,224 @@
|
|||||||
import { redirect } from 'next/navigation';
|
'use client';
|
||||||
|
|
||||||
|
import { ThemeProvider } from 'next-themes';
|
||||||
|
import { Sparkles, CheckCircle, Gem, Package, Globe, LifeBuoy } from 'lucide-react';
|
||||||
|
|
||||||
|
// Navbar
|
||||||
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||||
|
// Sections
|
||||||
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||||
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||||
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||||
|
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||||||
|
import ContactText from '@/components/sections/contact/ContactText';
|
||||||
|
|
||||||
export default function Home() {
|
export default function Home() {
|
||||||
redirect('/components');
|
return (
|
||||||
|
<ThemeProvider
|
||||||
|
attribute="class"
|
||||||
|
defaultButtonVariant="hover-magnetic"
|
||||||
|
defaultTextAnimation="entrance-slide"
|
||||||
|
borderRadius="rounded"
|
||||||
|
contentWidth="medium"
|
||||||
|
sizing="medium"
|
||||||
|
background="noise"
|
||||||
|
cardStyle="solid"
|
||||||
|
primaryButtonStyle="gradient"
|
||||||
|
secondaryButtonStyle="glass"
|
||||||
|
headingFontWeight="extrabold"
|
||||||
|
>
|
||||||
|
<NavbarStyleFullscreen
|
||||||
|
brandName="JewelCo"
|
||||||
|
logoSrc="https://framerusercontent.com/images/tXk8i4fR6LgQ2pA877J1sFm0.png?_wi=1"
|
||||||
|
navItems={[
|
||||||
|
{ name: 'Products', id: 'products' },
|
||||||
|
{ name: 'Reviews', id: 'reviews' },
|
||||||
|
{ name: 'FAQ', id: 'faq' },
|
||||||
|
{ name: 'Trust', id: 'trust' },
|
||||||
|
{ name: 'Support', id: 'support' }
|
||||||
|
]}
|
||||||
|
button={{
|
||||||
|
text: 'Buy Now',
|
||||||
|
href: '#products',
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<div id="products" data-section="products">
|
||||||
|
<ProductCardTwo
|
||||||
|
title="Our Exquisite Collection"
|
||||||
|
description="Discover a world of meticulously crafted jewelry pieces, designed to captivate and enchant."
|
||||||
|
products={[
|
||||||
|
{
|
||||||
|
id: '1',
|
||||||
|
brand: 'JewelCo',
|
||||||
|
name: 'Diamond Solitaire Ring',
|
||||||
|
price: '$2,500',
|
||||||
|
rating: 4.8,
|
||||||
|
reviewCount: '120 reviews',
|
||||||
|
imageSrc: 'https://framerusercontent.com/images/k8o8370k8z.jpg?_wi=1',
|
||||||
|
imageAlt: 'Diamond Solitaire Ring',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '2',
|
||||||
|
brand: 'JewelCo',
|
||||||
|
name: 'Emerald Cut Necklace',
|
||||||
|
price: '$1,800',
|
||||||
|
rating: 4.5,
|
||||||
|
reviewCount: '95 reviews',
|
||||||
|
imageSrc: 'https://framerusercontent.com/images/XmXz1rKq2QyNl0o.jpg?_wi=1',
|
||||||
|
imageAlt: 'Emerald Cut Necklace',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '3',
|
||||||
|
brand: 'JewelCo',
|
||||||
|
name: 'Sapphire Drop Earrings',
|
||||||
|
price: '$1,200',
|
||||||
|
rating: 4.9,
|
||||||
|
reviewCount: '78 reviews',
|
||||||
|
imageSrc: 'https://framerusercontent.com/images/r9o8370k8z.jpg?_wi=1',
|
||||||
|
imageAlt: 'Sapphire Drop Earrings',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '4',
|
||||||
|
brand: 'JewelCo',
|
||||||
|
name: 'Pearl Bracelet',
|
||||||
|
price: '$750',
|
||||||
|
rating: 4.6,
|
||||||
|
reviewCount: '60 reviews',
|
||||||
|
imageSrc: 'https://framerusercontent.com/images/L9o8370k8z.jpg?_wi=1',
|
||||||
|
imageAlt: 'Pearl Bracelet',
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
gridVariant="uniform-all-items-equal"
|
||||||
|
animationType="blur-reveal"
|
||||||
|
buttonAnimation="slide-up"
|
||||||
|
textboxLayout="default"
|
||||||
|
useInvertedBackground={false}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="reviews" data-section="reviews">
|
||||||
|
<TestimonialCardTen
|
||||||
|
title="What Our Customers Say"
|
||||||
|
description="Hear from our happy clients about their experience with our exquisite jewelry."
|
||||||
|
testimonials={[
|
||||||
|
{
|
||||||
|
id: '1',
|
||||||
|
name: 'Sarah L.',
|
||||||
|
role: 'Customer',
|
||||||
|
quote: 'Absolutely stunning! The ring exceeded my expectations. The quality is exceptional, and the customer service was fantastic.',
|
||||||
|
imageSrc: 'https://framerusercontent.com/images/3K0gI79v7iIeQ5k.jpg?_wi=1',
|
||||||
|
imageAlt: 'Sarah L.',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '2',
|
||||||
|
name: 'David R.',
|
||||||
|
role: 'Customer',
|
||||||
|
quote: 'I purchased a necklace for my wife, and she absolutely adores it. The craftsmanship is superb, and it arrived beautifully packaged.',
|
||||||
|
imageSrc: 'https://framerusercontent.com/images/P2QyNl0o.jpg?_wi=1',
|
||||||
|
imageAlt: 'David R.',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '3',
|
||||||
|
name: 'Emily W.',
|
||||||
|
role: 'Customer',
|
||||||
|
quote: 'Fast shipping and a truly gorgeous piece. The details are incredible, and I receive compliments every time I wear it. Highly recommend!',
|
||||||
|
imageSrc: 'https://framerusercontent.com/images/R1tKq2QyNl0o.jpg?_wi=1',
|
||||||
|
imageAlt: 'Emily W.',
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
textboxLayout="default"
|
||||||
|
useInvertedBackground={true}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="faq" data-section="faq">
|
||||||
|
<FaqSplitMedia
|
||||||
|
title="Frequently Asked Questions"
|
||||||
|
description="Find answers to common questions about our products, shipping, and services."
|
||||||
|
faqs={[
|
||||||
|
{
|
||||||
|
id: '1',
|
||||||
|
title: 'What is your return policy?',
|
||||||
|
content: 'We offer a 30-day money-back guarantee on all purchases. Items must be in their original condition.',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '2',
|
||||||
|
title: 'Do you offer international shipping?',
|
||||||
|
content: 'Yes, we provide insured worldwide shipping. Delivery times vary by destination.',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '3',
|
||||||
|
title: 'Are your diamonds ethically sourced?',
|
||||||
|
content: 'Absolutely. All our diamonds are sourced from reputable suppliers who adhere to strict ethical and conflict-free practices.',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '4',
|
||||||
|
title: 'Can I customize a jewelry piece?',
|
||||||
|
content: 'We offer custom design services. Please contact our support team to discuss your ideas and requirements.',
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
imageSrc="https://framerusercontent.com/images/d3WzNl0o.jpg?_wi=1"
|
||||||
|
imageAlt="FAQ Section Image"
|
||||||
|
mediaPosition="right"
|
||||||
|
faqsAnimation="slide-up"
|
||||||
|
textboxLayout="default"
|
||||||
|
useInvertedBackground={false}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="trust" data-section="trust">
|
||||||
|
<FeatureCardTwentySeven
|
||||||
|
title="Unwavering Trust & Quality"
|
||||||
|
description="Our commitment to excellence ensures a premium experience from selection to delivery."
|
||||||
|
features={[
|
||||||
|
{
|
||||||
|
id: '1',
|
||||||
|
title: 'GRA Certified Quality',
|
||||||
|
descriptions: [
|
||||||
|
'Every gem is accompanied by a Gemological Research Academy (GRA) certificate, guaranteeing authenticity and quality.',
|
||||||
|
],
|
||||||
|
imageSrc: 'https://framerusercontent.com/images/GRA_cert.svg?_wi=1',
|
||||||
|
imageAlt: 'GRA Certificate',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '2',
|
||||||
|
title: 'Premium Packaging',
|
||||||
|
descriptions: [
|
||||||
|
'Each piece arrives in elegant, premium packaging, perfect for gifting or safekeeping.',
|
||||||
|
],
|
||||||
|
imageSrc: 'https://framerusercontent.com/images/packaging.svg?_wi=1',
|
||||||
|
imageAlt: 'Premium Packaging',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '3',
|
||||||
|
title: 'Worldwide Insured Shipping',
|
||||||
|
descriptions: [
|
||||||
|
'We offer secure and insured shipping to customers globally, ensuring your precious item arrives safely.',
|
||||||
|
],
|
||||||
|
imageSrc: 'https://framerusercontent.com/images/shipping.svg?_wi=1',
|
||||||
|
imageAlt: 'Worldwide Shipping',
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
animationType="slide-up"
|
||||||
|
textboxLayout="default"
|
||||||
|
useInvertedBackground={true}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="support" data-section="support">
|
||||||
|
<ContactText
|
||||||
|
text="Need assistance? Our dedicated customer support team is here to help with any inquiries."
|
||||||
|
buttons={[
|
||||||
|
{
|
||||||
|
text: 'Contact Support',
|
||||||
|
href: 'mailto:support@jewelco.com',
|
||||||
|
},
|
||||||
|
]}
|
||||||
|
background={{ variant: 'radial-gradient' }}
|
||||||
|
useInvertedBackground={false}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</ThemeProvider>
|
||||||
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user