Skip to content

Commit

Permalink
Second Commit
Browse files Browse the repository at this point in the history
  • Loading branch information
* committed Dec 30, 2023
1 parent 2771285 commit 1d70c38
Show file tree
Hide file tree
Showing 18 changed files with 432 additions and 476 deletions.
50 changes: 26 additions & 24 deletions src/components/Header.js
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ function Header() {
const [toggle, setToggle] = useState(false);
const [dropdown, setDropdown] = useState(false);
const handleToggle = () => setToggle(!toggle);
const handleDropdown = () => setDropdown(!dropdown);
const handleDropdown = (initVal) => setDropdown(!dropdown);

return (
<header id="header" className="fixed-top d-flex align-items-center">
Expand All @@ -15,49 +15,51 @@ function Header() {
<h1 className="text-light">
<Link to="/">Serenity</Link>
</h1>
{/*<Link to="/">
<img src="../assets/img/logo.png" alt="" className="img-fluid" />
</Link>*/}
{/*
<Link to="/">
<img src="../assets/img/logo.png" alt="" className="img-fluid" />
</Link>
*/}
</div>

<nav id="navbar" className={!toggle ? 'navbar' : 'navbar navbar-mobile'}>
{toggle ?
(<ul className={dropdown ? 'dropdown-active' : null }>
<li><Link to="/">Home</Link></li>
<li><Link to="/">Home</Link></li>
<li><Link to="/blog">Blog</Link></li>

<li className="dropdown">
<Link>
<Link onClick={() => handleDropdown(1)}>
<span>About</span>
<i className={`bi ${!dropdown ? 'bi-chevron-right' : 'bi-chevron-down'}`} onClick={handleDropdown}></i>
<i
className={`bi ${!dropdown ? 'bi-chevron-right' : 'bi-chevron-down'}`}
></i>
</Link>

{dropdown ? (<ul className={dropdown ? 'dropdown-active' : null}>
<li><Link to="/about">About</Link></li>
<li><Link to="/about/team">Team</Link></li>
<li className="dropdown">
<Link to="#">
<span>Deep Drop Down</span>
<i className={`bi ${!dropdown ? 'bi-chevron-right' : 'bi-chevron-down'}`} onClick={handleDropdown}></i>
</Link>
{dropdown ? (
<ul>
<li className="dropdown">
<Link onClick={() => handleDropdown(2)}>
<span>Deep Drop Down</span>
<i className={`bi ${dropdown ? 'bi-chevron-right' : 'bi-chevron-down'}`}></i>
</Link>

{dropdown ? (<ul className={dropdown ? 'dropdown-active' : null}>
<li><Link to="#">Deep Drop Down 1</Link></li>
<li><Link to="#">Deep Drop Down 2</Link></li>
<li><Link to="#">Deep Drop Down 3</Link></li>
<li><Link to="#">Deep Drop Down 4</Link></li>
<li><Link to="#">Deep Drop Down 5</Link></li>
</ul>
)
:
<></>
}
</li>
</ul>) : (<></>)}

</li>
</ul>
)
:
<></>
) : (<></>)
}
</li>
<li><Link to="/foods">Food</Link></li>

<li><Link to="/foods">Foods</Link></li>
<li><Link to="/services">Services</Link></li>
<li><Link to="/pricing">Pricing</Link></li>
<li><Link to="/portfolio">Portfolio</Link></li>
Expand Down
36 changes: 36 additions & 0 deletions src/data/clients.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
const clients = [
{
id: 1,
image: 'assets/img/clients/client-1.png'
},
{
id: 2,
image: 'assets/img/clients/client-2.png'
},
{
id: 3,
image: 'assets/img/clients/client-3.png'
},
{
id: 4,
image: 'assets/img/clients/client-4.png'
},
{
id: 5,
image: 'assets/img/clients/client-5.png'
},
{
id: 6,
image: 'assets/img/clients/client-6.png'
},
{
id: 7,
image: 'assets/img/clients/client-7.png'
},
{
id: 8,
image: 'assets/img/clients/client-8.png'
}
];

export default clients;
29 changes: 29 additions & 0 deletions src/data/faqs.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
const faqs = [
{
id: 1,
question: 'Non consectetur a erat nam at lectus urna duis?',
answer: 'Feugiat pretium nibh ipsum consequat. Tempus iaculis urna id volutpat lacus laoreet non curabitur gravida. Venenatis lectus magna fringilla urna porttitor rhoncus dolor purus non.',
},
{
id: 2,
question: 'Feugiat scelerisque varius morbi enim nunc faucibus a pellentesque?',
answer: 'Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi. Id interdum velit laoreet id donec ultrices. Fringilla phasellus faucibus scelerisque eleifend donec pretium. Est pellentesque elit ullamcorper dignissi',
},
{
id: 3,
question: 'Non consectetur a erat nam at lectus urna duis?',
answer: 'Feugiat pretium nibh ipsum consequat. Tempus iaculis urna id volutpat lacus laoreet non curabitur gravida. Venenatis lectus magna fringilla urna porttitor rhoncus dolor purus non.',
},
{
id: 4,
question: 'Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi?',
answer: 'Eleifend mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Faucibus pulvinar elementum integer enim. Sem nulla pharetra diam sit amet nisl suscipit. Rutrum tellus pellentesque eu tincidunt. Lectus urna duis convallis convallis tellus.'
},
{
id: 5,
question: 'Ac odio tempor orci dapibus. Aliquam eleifend mi in nulla?',
answer: 'Aperiam itaque sit optio et deleniti eos nihil quidem cumque. Voluptas dolorum accusantium sunt sit enim. Provident consequuntur quam aut reiciendis qui rerum dolorem sit odio. Repellat assumenda soluta sunt pariatur error doloribus fuga.',
}
];

export default faqs;
File renamed without changes.
29 changes: 29 additions & 0 deletions src/data/listsfeature.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@

const listsfeature = [
{
id: 1,
image: 'assets/img/features-1.jpg',
title: 'Our Mission',
description: 'Lorem ipsum dolor sit amet, consectetur elit, sed do eiusmod tempor ut labore et dolore magna aliqua.',
},
{
id: 2,
image: 'assets/img/features-2.jpg',
title: 'Our Plan',
description: 'Sed ut perspiciatis unde omnis iste natus error sit voluptatem doloremque laudantium, totam rem.',
},
{
id: 3,
image: 'assets/img/features-3.jpg',
title: 'Our Vision',
description: 'Nemo enim ipsam voluptatem quia voluptas sit aut odit aut fugit, sed quia magni dolores.',
},
{
id: 4,
image: 'assets/img/features-4.jpg',
title: 'Our Care',
description: 'Nostrum eum sed et autem dolorum perspiciatis. Magni porro quisquam laudantium voluptatem.',
}
];

export default listsfeature;
47 changes: 47 additions & 0 deletions src/data/listsservice.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,47 @@
const listsservice = [
{
id: 1,
title: 'Lorem Ipsum',
color: '#ff689b',
icon: 'bi bi-briefcase',
description: 'Voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident'
},
{
id: 2,
title: 'Dolor Sistema',
color: '#e9bf06',
icon: 'bi bi-book',
description: 'Minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat tarad limino ata'
},
{
id: 3,
title: 'Sed ut perspiciatis',
color: '#3fcdc7',
icon: 'bi bi-card-checklist',
description: 'Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur'
},
{
id: 4,
title: 'Magni Dolores',
color: '#41cf2e',
icon: 'bi bi-binoculars',
description: 'Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum'
},
{
id: 5,
title: 'Nemo Enim',
color: '#d6ff22',
icon: 'bi bi-globe',
description: 'At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque'
},
{
id: 6,
title: 'Eiusmod Tempor',
color: '#4680ff',
icon: 'bi bi-clock',
description: 'Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi'
}
];


export default listsservice;
37 changes: 37 additions & 0 deletions src/data/prices.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
const prices = [
{
id: 1,
name: 'Free',
rate: 0,
feature: ['Aida dere', 'Nec feugiat nisl', 'Pharetra massa', 'Massa ultricies mi'],
featured: false,
advanced: false
},
{
id: 2,
name: 'Business',
rate: 19,
feature: ['Aida dere', 'Nec feugiat nisl', 'Pharetra massa', 'Massa ultricies mi'],
featured: true,
advanced: false
},
{
id: 3,
name: 'Developer',
rate: 29,
feature: ['Aida dere', 'Nec feugiat nisl', 'Pharetra massa', 'Massa ultricies mi'],
featured: false,
advanced: false
},
{
id: 4,
name: 'Ultimate',
rate: 49,
feature: ['Aida dere', 'Nec feugiat nisl', 'Pharetra massa', 'Massa ultricies mi'],
featured: false,
advanced: true
}
];


export default prices;
44 changes: 44 additions & 0 deletions src/data/testimonials.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,44 @@
const testimonials = [
{
id: 1,
image: 'assets/img/testimonials/testimonials-1.jpg',
name: 'Saul Goodman',
occupation: 'CEO & Founder',
rate: '',
quote: 'Proin iaculis purus consequat sem cure digni ssim donec porttitora entum suscipit rhoncus. Accusantium quam, ultricies eget id, aliquam eget nibh et. Maecen aliquam, risus at semper',
},
{
id: 2,
image: 'assets/img/testimonials/testimonials-2.jpg',
name: 'Sara Wilson',
occupation: 'Designer',
rate: '',
quote: 'Export tempor illum tamen malis malis eram quae irure esse labore quem cillum quid cillum eram malis quorum velit fore eram velit sunt aliqua noster fugiat irure amet legam anim culpa.',
},
{
id: 3,
image: 'assets/img/testimonials/testimonials-3.jpg',
name: 'Jena Karlis',
occupation: 'Store Owner',
rate: '',
quote: 'Enim nisi quem export duis labore cillum quae magna enim sint quorum nulla quem veniam duis minim tempor labore quem eram duis noster aute amet eram fore quis sint minim.',
},
{
id: 4,
image: 'assets/img/testimonials/testimonials-4.jpg',
name: 'Matt Brandon',
occupation: 'Freelancer',
rate: '',
quote: 'Fugiat enim eram quae cillum dolore dolor amet nulla culpa multos export minim fugiat minim velit minim dolor enim duis veniam ipsum anim magna sunt elit fore quem dolore labore illum veniam.',
},
{
id: 5,
image: 'assets/img/testimonials/testimonials-5.jpg',
name: 'John Larson',
occupation: 'Entrepeneur',
rate: '',
quote: 'Quis quorum aliqua sint quem legam fore sunt eram irure aliqua veniam tempor noster veniam enim culpa labore duis sunt culpa nulla illum cillum fugiat legam esse veniam culpa fore nisi cillum quid.',
}
];

export default testimonials;
32 changes: 32 additions & 0 deletions src/data/workprocess.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
const workprocess = [
{
id: 1,
name: 'Voluptatem dignissimos provident quasi corporis voluptates sit assumenda.',
image: 'assets/img/work-process-1.png',
description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
lists: ['Ullamco laboris nisi ut aliquip ex ea commodo consequat.', 'Duis aute irure dolor in reprehenderit in voluptate velit.']
},
{
id: 2,
name: 'Quas et necessitatibus eaque impedit ipsum animi consequatur incidunt in',
image: 'assets/img/work-process-2.png',
description: `Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.`,
},
{
id: 3,
name: 'Sunt consequatur ad ut est nulla consectetur reiciendis animi voluptas',
image: 'assets/img/work-process-3.png',
description: 'Cupiditate placeat cupiditate placeat est ipsam culpa. Delectus quia minima quod. Sunt saepe odit aut quia voluptatem hic voluptas dolor doloremque.',
lists: ['Ullamco laboris nisi ut aliquip ex ea commodo consequat.', 'Duis aute irure dolor in reprehenderit in voluptate velit.', 'Facilis ut et voluptatem aperiam. Autem soluta ad fugiat.']
},
{
id: 4,
name: 'Sunt consequatur ad ut est nulla consectetur reiciendis animi voluptas',
image: 'assets/img/work-process-4.png',
description: 'Cupiditate placeat cupiditate placeat est ipsam culpa. Delectus quia minima quod. Sunt saepe odit aut quia voluptatem hic voluptas dolor doloremque.',
lists: ['Ullamco laboris nisi ut aliquip ex ea commodo consequat.', 'Duis aute irure dolor in reprehenderit in voluptate velit.', 'Facilis ut et voluptatem aperiam. Autem soluta ad fugiat.']
},
];

export default workprocess;
Loading

0 comments on commit 1d70c38

Please sign in to comment.